Redimensionador de imagem
Defina as dimensões da imagem e um limite opcional de tamanho de arquivo JPEG juntos. Mantenha a imagem inteira ou adicione bordas para obter uma tela exata.
Imagensprocessado localmente
Gerador de favicons
Crie favicons ICO e PNG, visualize pequenos ícones e baixe um ZIP completo em seu navegador.
Escolha uma imagem, defina as cores de preenchimento e de fundo, verifique as pequenas visualizações, depois gere e baixe o ZIP.
Transforme seu logotipo em um conjunto de faviconsEscolha uma imagem ou solte-a aquiPNG, JPEG, WebP ou SVG · 10 MB · 4.096 pixels por lado
O conteúdo SVG não suportado foi removido. Verifique a prévia antes de baixar.
Verifique os tamanhos minúsculos
As visualizações de 16, 32 e 48 pixels são mostradas em tamanho real. Os detalhes finos podem desaparecer em 16 pixels.
Seu conjunto de favicons está pronto
O ZIP contém 9 arquivos: ICO, SVG, cinco PNGs, um manifesto de ícone e o trecho HTML.
favicon.icofavicon.svgfavicon-16x16.pngfavicon-32x32.pngapple-touch-icon.pngandroid-chrome-192x192.pngandroid-chrome-512x512.pngsite.webmanifestfavicon-html.txt
Fragmento de HTML do favicon · <head>
Hospede os arquivos em seu site e ajuste os caminhos. Mesclar entradas de ícones em um manifesto existente.
Como usar
Crie um conjunto de favicons
Escolha uma imagem, defina as cores de preenchimento e de fundo, verifique as pequenas visualizações, depois gere e baixe o ZIP.
Exemplo e resultado esperado
Exemplo: carregue um logotipo transparente de 1024×1024, mantenha a transparência e use preenchimento de 10%. O ZIP contém ICO (32/16/48), cinco PNGs, um SVG contendo um PNG, um manifesto de ícone e o snippet HTML. As marcas simples ficam mais nítidas em 16 pixels; pequenos detalhes podem desaparecer.
O que é um favicon?
Um favicon é o pequeno ícone que os navegadores mostram em guias, favoritos e histórico próximo ao título da página. Ele é minúsculo – geralmente apenas 16×16 pixels – então um bom favicon é simples, de alto contraste e reconhecível à primeira vista. Este gerador converte sua imagem em tamanhos comuns de favicon, inteiramente no seu navegador. Nada é carregado.
Tamanhos que você precisa em 2026
| Arquivo | Tamanho | Usado para |
|---|---|---|
| favicon.ico | 16, 32, 48 | Guias e favoritos do navegador |
| favicon.svg | 512 × 512 | Navegadores compatíveis com SVG; PNG incorporado |
| favicon-16x16.png, favicon-32x32.png | 16, 32 | Alternativos PNG |
| apple-touch-icon.png | 180 × 180 | Tela inicial do iOS e Safari |
| android-chrome-192x192.png, android-chrome-512x512.png | 192, 512 | Entradas de ícones Android e PWA |
Formatos e limites
Entradas PNG, JPEG, WebP e SVG simples são suportadas. Os arquivos são limitados a 10 MB e 4.096 pixels por lado. Imagens animadas não são suportadas. As entradas SVG são rasterizadas no seu navegador; scripts, referências externas, imagens, folhas de estilo, filtros e animações são removidos e não serão renderizados. O texto usa fontes locais disponíveis. Verifique na visualização se o seu SVG usa esses recursos.
O ICO contém entradas compactadas em PNG 16×16, 32×32 e 48×48. A redução de escala usa reamostragem em várias etapas, mas uma foto detalhada ainda perde detalhes em 16 pixels – marcas simples funcionam melhor. A transparência é preservada em ICO e PNG quando selecionado; o ícone de toque da Apple usa um fundo sólido. A saída SVG incorpora um PNG e não é uma conversão vetorial. Seu original permanece inalterado.
Perguntas frequentes
Qual deve ser o tamanho do meu favicon?
Envie o ICO de vários tamanhos (16/32/48), um ícone de toque da Apple de 180×180 e PNGs de 192/512 para Android. Esses são tamanhos comuns de navegadores e dispositivos, e não garantem que todas as plataformas usem todos os arquivos.
ICO ou PNG — de qual eu preciso?
Inclua o substituto da ICO e alternativas PNG ou SVG. Copie o snippet HTML e atualize os caminhos para corresponder ao local onde você hospeda os arquivos.
Os navegadores suportam favicons SVG?
Muitos navegadores modernos suportam favicons SVG. Mantenha o substituto do ICO para navegadores que não o fazem. Esta ferramenta incorpora um PNG 512×512 dentro do SVG; ele não traça seu logotipo em caminhos vetoriais.
Substituí meu favicon, mas o antigo ainda aparece. Por que?
Os navegadores armazenam favicons de forma agressiva. Tente uma atualização completa ou limpe o cache do navegador. Verifique os caminhos dos arquivos e altere o nome do arquivo ou a consulta de versão se o ícone em cache persistir.
Meu fundo transparente funcionará em iPhones?
O ícone de toque da Apple está sempre achatado na cor de fundo da Apple que você escolher aqui. ICO e outros arquivos PNG mantêm a transparência quando selecionados.
Este ZIP tornará meu site instalável como PWA?
Não. O manifesto contém apenas entradas de ícones. Mescle-os em seu manifesto existente ou adicione o nome, URL inicial e outras configurações de PWA que seu site precisa.