Guias
Guias de favicon passo a passo para cada tamanho, formato e plataforma — com ferramentas gratuitas para gerar e instalar seus ícones.
Primeiros passos
Crie, converta e visualize favicons a partir de qualquer imagem de origem.
Converter PNG em favicon
Transforme qualquer PNG em um favicon.ico multirresolução em segundos. Grátis, no navegador, sem cadastro.
LerComo criar um favicon
Crie um favicon profissional a partir de qualquer imagem em menos de um minuto. Cobre .ico, PNG, SVG e apple-touch-icon.
LerGerador de favicon transparente
Gere um favicon que preserva o fundo transparente. Funciona no modo escuro e em qualquer tema do navegador.
LerFerramenta de pré-visualização de favicon
Pré-visualize seu favicon em cada tamanho e nos temas de navegador mais comuns antes de publicar.
LerGerador de ícones de app
Gere todos os tamanhos de ícone necessários para iOS, Android, Windows e macOS a partir de uma única imagem.
LerFavicon não aparece? Guia de solução de problemas
Corrija um favicon ausente ou desatualizado – caminhos errados, cache do navegador, atrasos na indexação do Google e favicon.ico quebrado explicado passo a passo.
LerRequisitos de favicon do Google (2026)
Requisitos de favicon do Google para Pesquisa – tamanho mínimo, formato, regras de rastreamento e como corrigir um ícone ausente nos resultados de pesquisa do Google.
LerComo verificar o favicon de qualquer site
Verifique on-line o favicon de qualquer site — encontre URLs de favicon, extraia ícones, valide tamanhos e inspecione quais navegadores realmente carregam.
Ler
Tamanhos de favicon
Cada resolução padrão — de abas 16×16 a ícones PWA 512×512.
Gerador de favicon 16×16
Crie um favicon nítido de 16×16 em segundos. Gerador gratuito, sem cadastro, processamento inteiramente no navegador.
LerGerador de favicon 32×32
Crie um favicon nítido de 32×32 em segundos. Gerador gratuito, sem cadastro, processamento inteiramente no navegador.
LerGerador de favicon 48×48
Crie um favicon nítido de 48×48 em segundos. Gerador gratuito, sem cadastro, processamento inteiramente no navegador.
LerGerador de favicon 64×64
Crie um favicon nítido de 64×64 em segundos. Gerador gratuito, sem cadastro, processamento inteiramente no navegador.
LerGerador de favicon 128×128
Crie um favicon nítido de 128×128 em segundos. Gerador gratuito, sem cadastro, processamento inteiramente no navegador.
LerGerador de favicon 256×256
Crie um favicon nítido de 256×256 em segundos. Gerador gratuito, sem cadastro, processamento inteiramente no navegador.
LerTamanhos de favicon explicados
Entenda 16, 32, 48, 64, 128, 180, 192 e 512 px: onde cada um é usado e quais publicar.
LerMelhor tamanho de favicon em 2026
Qual tamanho de favicon gerar? Visão prática de 16, 32, 48, 180, 192 e 512 px e onde cada um é usado.
Ler
Comparação de formatos
ICO vs PNG vs SVG — quando usar cada um e como combiná-los.
O melhor formato de favicon em 2026
Qual formato de favicon usar? Compare ICO, PNG e SVG em suporte de navegador, tamanho de arquivo e nitidez.
LerFavicon (.ico) vs PNG
Comparação lado a lado de favicons .ico e PNG: suporte multirresolução, tamanho de arquivo, compatibilidade e modo escuro.
LerFavicon (.ico) vs SVG
Compare favicons .ico e SVG: suporte de navegador, modo escuro, tamanho de arquivo e escalabilidade.
LerICO vs PNG
Comparação detalhada de ICO e PNG para ícones, favicons e atalhos do Windows. Casos de uso, tamanho e compatibilidade.
Ler
Plataformas e frameworks
Adicione um favicon ao WordPress, Shopify, React, Next.js e mais.
Favicon para WordPress
Guia passo a passo para adicionar um favicon a qualquer site WordPress — pelo Personalizador, tema ou plugin. Sem código.
LerFavicon para Shopify
Adicione um favicon personalizado à sua loja Shopify em minutos — pelo editor de temas, sem desenvolvedor.
LerFavicon para React
Adicione um favicon a qualquer app React com Vite ou Create React App. Configuração multirresolução e favicon SVG em modo escuro.
LerFavicon para Next.js
Adicione um favicon a um projeto Next.js 14+ App Router. Convenção por arquivos e configuração multirresolução.
LerFavicon para Webflow
Envie um favicon para qualquer site Webflow nas configurações do projeto. Tamanhos, formatos e dicas de cache.
LerFavicon para Wix
Adicione ou altere o favicon do seu site Wix no painel. Tamanhos e formatos recomendados para sites Wix.
LerComo adicionar um favicon em Squarespace
Adicione um favicon ao Squarespace em minutos: carregue o ícone do seu navegador nas configurações do Design, corrija problemas de cache e atenda aos requisitos de pesquisa do Google.
LerFavicon para Nuxt
Adicione um favicon a Nuxt 3 – coloque ícones em /public, configure app.head em nuxt.config.ts, corrija problemas de cache e atenda aos requisitos de pesquisa do Google.
LerFavicon para GoDaddy
Adicione ou altere um favicon em GoDaddy Website Builder — carregue o ícone do seu site, publique, corrija problemas de cache e atenda aos requisitos de pesquisa do Google.
LerFavicon para Weebly
Adicione ou altere um favicon em Weebly — carregue o ícone do seu site em Settings, publique, corrija problemas de cache e atenda aos requisitos de pesquisa do Google.
Ler
HTML e PWA
Tags link, apple-touch-icon e configuração do web app manifest.
Guia apple-touch-icon
Crie e vincule apple-touch-icon.png para iPhone e iPad. Tamanho, formato, tag HTML e cache.
LerGuia do web app manifest
Escreva um web app manifest com ícones 192×192 e 512×512, cor do tema e metadados de instalação para Android e Chromium.
LerGerador HTML de favicon
Gere as tags <link> exatas para o <head> com configuração de favicon perfeita em todos os navegadores.
LerComo adicionar um favicon em HTML
As tags <link> exatas para o <head> com configuração de favicon perfeita, PWA e apple-touch-icon incluídos.
Ler
Ícones do Windows
Arquivos .ico multirresolução para atalhos, Explorer e instaladores.
Utilitários de imagem
Redimensione, otimize e inspecione imagens antes de publicar seus ícones.
Redimensionador de ícones para redes sociais
Redimensione seu logo para o tamanho exato de foto de perfil no Twitter/X, Facebook, Instagram, LinkedIn, YouTube e mais.
LerVerificador de dimensões de imagem
Verifique instantaneamente dimensões, DPI, perfil de cor e proporção de qualquer imagem. Sem upload — no navegador.
LerOtimizador SVG
Otimize arquivos SVG no navegador. Remova metadados do editor e reduza o tamanho em até 80 %.
Ler