Gerador de Favicon
Transforme um arquivo PNG, JPG ou SVG em um favicon.ico e em todos os tamanhos de ícones que seu site precisa, reunidos em um ZIP.
A imagem inteira permanece visível, centralizada e com um espaçamento ao redor.
Fundos transparentes funcionam bem em abas de navegadores; para ícones de tela inicial do iPhone, uma cor de fundo é mais recomendada.
Seu favicon e pacote de ícones aparecerão aqui.
Coloque os arquivos na pasta raiz do seu site e adicione estas linhas a todas as páginas.
Sua imagem é convertida em ícones diretamente no seu navegador. Nada é enviado para o BroBroGo.
FAQ
Quais arquivos estão incluídos no pacote de ícones?
Um arquivo favicon.ico contendo versões de 16, 32 e 48 pixels, ícones PNG em 16, 32, 180, 192 e 512 pixels, além de um arquivo site.webmanifest que lista os ícones maiores. Se você começar com um SVG, o próprio vetor também será incluído. Um único arquivo ZIP reúne tudo.
Qual deve ser o tamanho da minha imagem de origem?
Um arquivo SVG é o ideal — cada ícone é renderizado a partir do vetor, mantendo a nitidez mesmo em 16 pixels. Para PNG ou JPG, comece com pelo menos 512 × 512; imagens menores precisam ser redimensionadas para cima e podem perder definição.
O fundo deve ser transparente ou colorido?
Ícones de abas ficam ótimos com transparência. No entanto, as telas iniciais do iPhone e iPad costumam preencher áreas transparentes com a cor preta — se os usuários puderem adicionar seu site à tela inicial, recomendamos escolher uma cor de fundo.
O que acontece se a imagem não for quadrada?
Os ícones são quadrados, mas sua imagem nunca será distorcida. Por padrão, ela é centralizada com um espaçamento ao redor; mude para "Preencher (cortar)" se preferir cortar as bordas excedentes.
Para onde vão os arquivos no meu site?
Envie-os para a pasta raiz do seu site, de modo que o favicon.ico fique acessível em /favicon.ico, e depois cole as linhas geradas dentro da tag <head> das suas páginas. Os navegadores escolherão o tamanho ideal automaticamente.