Gerador de Favicon

Transforme um ficheiro PNG, JPG ou SVG num favicon.ico e em todos os tamanhos de ícones que o seu site precisa, reunidos num ZIP.

Imagem não quadrada

A imagem inteira permanece visível, centralizada e com um espaçamento ao redor.

Plano de fundo

Fundos transparentes funcionam bem em separadores de navegadores; para ícones de ecrã principal do iPhone, uma cor de fundo é mais recomendada.

O seu pacote de ícones

O seu favicon e pacote de ícones aparecerão aqui.

Pronto. Adicione um ficheiro PNG, JPG ou SVG para começar.

A sua imagem é convertida em ícones diretamente no seu navegador. Nada é enviado para o BroBroGo.

Perguntas Frequentes

Quais ficheiros estão incluídos no pacote de ícones?

Um ficheiro favicon.ico contendo versões de 16, 32 e 48 píxeis, ícones PNG em 16, 32, 180, 192 e 512 píxeis, além de um ficheiro site.webmanifest que lista os ícones maiores. Se começar com um SVG, o próprio vetor também será incluído. Um único ficheiro ZIP reúne tudo.

Qual deve ser o tamanho da minha imagem de origem?

Um ficheiro SVG é o ideal — cada ícone é renderizado a partir do vetor, mantendo a nitidez mesmo em 16 píxeis. Para PNG ou JPG, comece com pelo menos 512 × 512; imagens mais pequenas precisam de ser redimensionadas para cima e podem perder definição.

O fundo deve ser transparente ou colorido?

Ícones de separadores ficam ótimos com transparência. No entanto, os ecrãs principais do iPhone e iPad costumam preencher áreas transparentes com a cor preta — se os utilizadores puderem adicionar o seu site ao ecrã principal, recomendamos escolher uma cor de fundo.

O que acontece se a imagem não for quadrada?

Os ícones são quadrados, mas a 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 ficheiros no meu site?

Carregue-os para a pasta raiz do seu site, de modo a 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.