Gerador de favicons
Transforme uma imagem em favicon.ico, ícones PNG, apple-touch-icon, um webmanifest e HTML pronto a colar.
Largue aqui uma imagem ou escolha uma (PNG, JPG, WebP, SVG)
Como criar um conjunto de favicons
- Escolha uma imagem PNG, JPG, WebP ou SVG. O ideal é uma imagem quadrada com pelo menos 512×512 px, ou um SVG.
- Decida se quer ajustar a imagem inteira (deixando espaço vazio) ou preencher o quadrado cortando as margens.
- Escolha um fundo transparente ou uma cor e, se quiser, um nome do site para o manifesto.
- Transfira cada ficheiro em separado ou o ZIP completo e copie o código HTML para o <head> da sua página.
O que obtém
O conjunto contém favicon.ico com ícones de 16, 32 e 48 px, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png e site.webmanifest. Coloque os ficheiros na pasta raiz do seu site, para que os caminhos coincidam com o código gerado.
Sugestões e privacidade
- Os pormenores finos desaparecem em tamanhos pequenos, por isso um símbolo simples ou uma única letra com forte contraste funciona melhor.
- O apple-touch-icon não pode ser transparente: o iOS mostra as zonas transparentes a preto, pelo que este ícone recebe um fundo branco quando não escolheu uma cor.
- Os navegadores guardam os favicons em cache de forma agressiva, por isso uma alteração pode não aparecer de imediato.
- Tudo é processado no seu dispositivo e a imagem nunca é enviada.