Como crio favicons a partir de um logo?

Largue ou cole o logo, aguarde os seis tamanhos PNG e descarregue um ficheiro ou o pack ZIP. Tudo corre no navegador - nada e enviado.

Que tamanhos estao incluidos?

O pack inclui 16x16, 32x32, 48x48, 180x180 (apple-touch-icon.png), 192x192 e 512x512 PNG - os tamanhos habituais para separadores, Windows, iOS e Android.

E se o meu logo nao for quadrado?

O gerador ajusta a imagem dentro de cada quadrado (object-fit contain) e mantem preenchimento transparente. Para um icone a ocupar tudo, recorte o logo para quadrado antes de carregar.

Sim. O ZIP adiciona um ficheiro de texto pequeno com tags link que pode colar no head. Tambem pode copiar o mesmo fragmento na pagina sem descarregar.

Posso usar SVG como favicon?

Pode carregar SVG como fonte quando o navegador o descodifica. A saida e sempre PNG para ampla compatibilidade. Mantenha um favicon SVG separado se quiser separadores vetoriais onde for suportado.

O meu logo e enviado para um servidor?

Nao. FileReader, Canvas e o ZIP correm so neste separador. Seguro para marcas nao publicadas. Verifique o DevTools Network enquanto gera.

Ferramentas geradoras

Gerador de favicon

Transforme um logo ou icone num pack completo de favicon PNG no navegador - sem conta e sem upload.

A sua imagem nao sai do navegador. Os PNG de favicon sao criados com Canvas localmente - nao ha endpoint de upload.

Largue um logo ou icone aqui ou clique para escolher

JPG, PNG, WebP, GIF, BMP ou SVG (max. 8 MB). Leitura local - nada e enviado.

Ou cole uma imagem com Ctrl+V / Cmd+V.

Sobre o Gerador de favicon

Transforme um logo ou icone num pack completo de favicon PNG no navegador - sem conta e sem upload. Uma imagem gera PNG de 16, 32, 48, 180 (Apple touch), 192 e 512 px, com ZIP opcional e tags HTML prontas a colar. O redimensionamento com Canvas fica neste dispositivo. Combine com o Compressor de imagens se a fonte for enorme, ou com o Gerador de tags Open Graph para previews sociais.

Como usar o Gerador de favicon

Largue um JPG, PNG, WebP, GIF, BMP ou SVG (max. 8 MB) ou cole uma imagem. O ficheiro e lido localmente - nada e enviado.
Aguarde as seis pre-visualizacoes PNG: 16, 32, 48, apple-touch 180, Android 192 e 512. Fontes nao quadradas sao ajustadas com preenchimento transparente.
Descarregue um PNG isolado ou o pack ZIP (inclui um ficheiro de texto com tags HTML).
Cole o fragmento HTML no head do documento e coloque os PNG nos caminhos indicados (normalmente a raiz do site).
Confirme no DevTools Network que gerar nao cria nenhum pedido.

Exemplos de Gerador de favicon

Logo quadrado para um site novo

Largue um logo PNG de 1024 px. Descarregue o ZIP, extraia para /public e cole as tags HTML no head do layout raiz.

Wordmark largo com preenchimento

Um wordmark paisagem e centrado em cada quadrado com margens transparentes para o separador do navegador nao cortar o texto.

So Apple touch icon

Gere o pack e descarregue apenas apple-touch-icon.png (180x180) se ja tiver outros tamanhos e so precisar de icones de inicio no iOS.

Icones PWA para Chrome

Use android-chrome-192x192.png e android-chrome-512x512.png no array icons do web app manifest apos descarregar o ZIP.

Comprima primeiro, depois favicon

Se a fonte for uma foto enorme do logo, passe primeiro pelo Compressor de imagens, descarregue um PNG menor e abra o Gerador de favicon.

Casos de uso comuns

Publicar um conjunto completo de favicons para um site Next.js ou estatico
Criar Apple touch icons para favoritos no ecra inicial do iOS
Produzir tamanhos Android Chrome / PWA a partir de um unico logo
Atualizar icones de marca sem uma ferramenta que faca upload
Copiar tags HTML juntamente com o pack PNG

Perguntas frequentes sobre o Gerador de favicon

Como crio favicons a partir de um logo?: Largue ou cole o logo, aguarde os seis tamanhos PNG e descarregue um ficheiro ou o pack ZIP. Tudo corre no navegador - nada e enviado.
Que tamanhos estao incluidos?: O pack inclui 16x16, 32x32, 48x48, 180x180 (apple-touch-icon.png), 192x192 e 512x512 PNG - os tamanhos habituais para separadores, Windows, iOS e Android.
E se o meu logo nao for quadrado?: O gerador ajusta a imagem dentro de cada quadrado (object-fit contain) e mantem preenchimento transparente. Para um icone a ocupar tudo, recorte o logo para quadrado antes de carregar.
O ZIP inclui HTML?: Sim. O ZIP adiciona um ficheiro de texto pequeno com tags link que pode colar no head. Tambem pode copiar o mesmo fragmento na pagina sem descarregar.
Posso usar SVG como favicon?: Pode carregar SVG como fonte quando o navegador o descodifica. A saida e sempre PNG para ampla compatibilidade. Mantenha um favicon SVG separado se quiser separadores vetoriais onde for suportado.
O meu logo e enviado para um servidor?: Nao. FileReader, Canvas e o ZIP correm so neste separador. Seguro para marcas nao publicadas. Verifique o DevTools Network enquanto gera.

Compressor de imagens

Compressor de imagens gratis no navegador. Reduza JPG, PNG e WebP com qualidade e tamanho maximo e descarregue. Nada e enviado.

Conversor de Imagem para Base64

Converta uma imagem para Base64 ou data URL no navegador - sua imagem nunca sai do navegador. Cole prints, copie CSS/HTML/Markdown ou decodifique Base64 de volta para um arquivo baixavel.

Gerador de código QR

Gerador de código QR grátis no navegador. Crie QR de URL, texto ou WiFi, escolha tamanho e cores, e descarregue PNG ou SVG. Nada é enviado.

Gerador de tags Open Graph

Gere tags Open Graph e Twitter Card a partir de um título, descrição, URL e imagem. Gerador OG grátis com HTML ao vivo e prévia social.