Saltar para o conteúdo principal

Gerador de favicon / ícone de app

Carrega uma imagem de origem quadrada e gera um pacote de favicon com ícones de app e um manifest web inicial.

Nenhum ficheiro selecionado
Carrega uma imagem quadrada para a pré-visualizares aqui antes da geração.
Conteúdo do pacote
FicheiroPíxeis
favicon.icoÍcone
16 x 16, 32 x 32, 48 x 48
favicon-16x16.pngÍcone
16 x 16
favicon-32x32.pngÍcone
32 x 32
favicon-48x48.pngÍcone
48 x 48
favicon-96x96.pngÍcone
96 x 96
favicon-128x128.pngÍcone
128 x 128
favicon-180x180.pngÍcone
180 x 180
favicon-196x196.pngÍcone
196 x 196
apple-touch-icon.pngÍcone
180 x 180
apple-touch-icon-precomposed.pngÍcone
180 x 180
android-chrome-192x192.pngÍcone
192 x 192
android-chrome-512x512.pngÍcone
512 x 512
site.webmanifestManifest
n/d

Sobre geração de favicon e ícones de app

Os geradores de favicon transformam uma imagem de origem no conjunto de ícones de que um site ou aplicação web precisa. Isto cobre normalmente separadores do navegador, ícones touch, recursos Android e ficheiros prontos para manifest.

O que inclui um pacote de favicon

Um pacote de favicon inclui normalmente favicon.ico e os tamanhos PNG mais comuns.

Gerá-los em conjunto ajuda a evitar recursos em falta no lançamento.

Ícones Apple touch, ícones Android e ficheiros manifest

Configurações modernas também precisam de ícones Apple touch, ícones Android e suporte de manifest.

Agrupar essas saídas simplifica a implementação e a configuração de PWA.

Preparar a arte de origem

A arte de origem funciona melhor quando é quadrada, simples e legível em tamanhos pequenos.

Arte limpa produz resultados mais nítidos em 16x16, 32x32 e outras exportações minúsculas.

Perguntas frequentes

Respostas sobre requisitos da imagem de origem, ficheiros favicon gerados, a opção de ícone circular e o que fazer depois com o pacote transferido.

Outras ferramentas

Explora todas as páginas de ferramentas dedicadas a partir do hub da página inicial ou do seletor centrado no cabeçalho.