Favicon
Generator
Upload any image and generate favicons in all standard sizes. Download individually or grab them all as a ZIP.
Drop your image here or click to browse
PNG, JPG, WebP, or SVG
How It Works
Upload
Drop any PNG, JPG, WebP, or SVG image to use as your favicon source.
Generate
All standard favicon sizes are generated instantly using the Canvas API.
Download
Grab individual sizes or download everything as a ready-to-use ZIP.
Gere um pacote de favicons online a partir de uma única imagem de origem, pronto a colocar em qualquer site ou web app. O gerador de favicons da ConverterUp produz todos os tamanhos padrão de 16x16 a 512x512, incluindo ícones para Apple touch, ícones de ecrã inicial Android e um trecho de manifesto que pode colar no seu HTML. Designers e programadores poupam tempo ao evitar várias exportações manuais em editores de imagem. A conversão corre no browser, por isso logótipos inéditos e ativos de marca permanecem privados e nunca são guardados num servidor remoto.
Porque é que os favicons ainda contam em 2026
O favicon é a pequena âncora visual que distingue o seu site entre separadores do browser, favoritos, histórico e menus de overflow. Com utilizadores a manter 30+ separadores abertos, o favicon é muitas vezes a única parte visível da sua marca durante horas. Um favicon em falta ou genérico é um sinal pequeno mas constante de que o site é amador.
Para além dos separadores, os favicons aparecem como ícone nos ecrãs iniciais de iOS e Android quando o utilizador faz 'Adicionar ao Ecrã Inicial', no tile do menu Iniciar do Windows, no Dock do macOS quando se instala uma PWA, e como avatar nos resultados de pesquisa que alguns browsers (Chrome, DuckDuckGo) mostram junto a listagens orgânicas.
Para PWAs, os ícones do manifesto são essenciais: sem ícones 192 × 192 e 512 × 512 declarados em manifest.json, o browser não mostra o prompt de instalação e o Lighthouse falha a auditoria de installability.
Um pacote de favicon coerente sinaliza também atenção ao detalhe para as pessoas que mais contam nas primeiras impressões — recrutadores a abrir o portefólio, clientes vindos de um anúncio Google, jornalistas a verificar uma fonte. O custo marginal (uma imagem de origem, um upload) é praticamente zero; o custo de não o fazer é um 404 no separador de rede e um globo genérico no separador.
ToolSeo.favicon-generator.section1.p5
Tamanhos necessários para browsers e SO modernos
16 × 16 e 32 × 32 — favicons clássicos do separador. 32 é o padrão moderno; 16 fica como alternativa para DPI legado. Ambos vão dentro de um favicon.ico multi-resolução.
180 × 180 — Apple Touch Icon, usado pelo Safari iOS para atalhos no ecrã inicial. A Apple já não exige tamanhos separados por dispositivo desde iOS 11; 180 é o que importa entregar.
192 × 192 e 512 × 512 — ícones de ecrã inicial Android e ícones de instalação PWA, declarados no manifesto web app. O 512 serve também de ícone de splash no Android e de fonte de alta densidade para PWAs de desktop.
Variantes maskable — os ícones adaptativos do Android recortam para círculo ou squircle. Forneça um ícone com purpose maskable com uma zona segura generosa (mantenha o logótipo dentro do 80 % central da tela) para o SO não cortar a marca.
ToolSeo.favicon-generator.section2.p5
Instalação no HTML: tags link, manifesto, theme color
Coloque os ficheiros gerados na raiz do site e cole o seguinte no <head>: <link rel="icon" href="/favicon.ico" sizes="32x32">, <link rel="icon" href="/icon.svg" type="image/svg+xml">, <link rel="apple-touch-icon" href="/apple-touch-icon.png"> e <link rel="manifest" href="/manifest.webmanifest">.
O ficheiro manifest.webmanifest amarra o pacote para PWAs: declare name, short_name, start_url, display: "standalone", background_color, theme_color e o array de ícones com as entradas de 192 e 512.
Adicione <meta name="theme-color" content="#2DD4BF"> para definir a cor da barra do browser no Chrome Android e em versões recentes do Safari. Forneça variantes com media="(prefers-color-scheme: dark)" se o site tem modo escuro, para o tom da barra acompanhar os dois esquemas.
ToolSeo.favicon-generator.section3.p4
ToolSeo.favicon-generator.section3.p5
ToolSeo.favicon-generator.section4.heading
ToolSeo.favicon-generator.section4.p1
ToolSeo.favicon-generator.section4.p2
ToolSeo.favicon-generator.section4.p3
ToolSeo.favicon-generator.section4.p4
ToolSeo.favicon-generator.section4.p5
ToolSeo.favicon-generator.section5.heading
ToolSeo.favicon-generator.section5.p1
ToolSeo.favicon-generator.section5.p2
ToolSeo.favicon-generator.section5.p3
ToolSeo.favicon-generator.section5.p4
ToolSeo.favicon-generator.section5.p5
Perguntas frequentes
Que tamanhos vêm no pacote de favicons?
O ZIP contém ícones PNG de 16x16, 32x32, 48x48, 96x96, 144x144, 152x152, 180x180, 192x192, 256x256, 384x384 e 512x512, mais um favicon.ico multi-resolução para browsers antigos.
Qual o tamanho recomendado da imagem de origem?
Use uma imagem quadrada com pelo menos 512x512 pixels, idealmente PNG ou SVG com fundo transparente. Origens mais pequenas podem ser ampliadas mas ficam desfocadas nos tamanhos maiores.
Os ficheiros SVG são suportados como origem?
Sim. Carregue um SVG e o gerador rasteriza-o em cada tamanho de destino para resultados nítidos sem artefactos de antialiasing. PNG e JPG também são aceites.
Como instalo o favicon no meu site?
Extraia o ZIP, copie os ficheiros para a raiz ou pasta de assets do seu site e cole as tags link no head do HTML. O ficheiro de manifesto incluído permite a instalação como Progressive Web App.
Porque é que o meu favicon não atualiza depois de o substituir?
Os browsers fazem cache agressiva de favicons — por vezes durante semanas — independentemente da cache normal. Force a atualização versionando o URL (<code>/favicon.ico?v=2</code>), servindo o ficheiro com um <code>Cache-Control</code> de max-age curto, ou limpando a cache do favicon (no Chrome DevTools: Application → Storage → Clear site data).
Ainda preciso de favicon.ico se já forneço ícones PNG?
Sim, por duas razões: browsers antigos e muitos bots procuram <code>/favicon.ico</code> na raiz do site por convenção, e algumas plataformas (leitores de RSS, pré-visualizadores de links, ferramentas de intranet) só verificam o caminho ICO. O custo é pequeno — um ICO multi-resolução de 4 a 8 KB cobre todos os clientes legados.
ToolSeo.favicon-generator.q7
ToolSeo.favicon-generator.a7
ToolSeo.favicon-generator.q8
ToolSeo.favicon-generator.a8