Gerador de favicons
Solte uma imagem e obtenha um conjunto completo de favicons – .ico, todos os tamanhos PNG e o HTML para colar – sem fazer upload de nada.
Drag & drop a square image or logo here, or click to choose. PNG, JPG, SVG, WEBP — a square source (512×512 or larger) looks best. Your image never leaves your browser, nothing is uploaded.
Paste this into your <head>
This favicon generator builds a full, production-ready favicon set from a single square image or logo, entirely in your browser. Ele produz um favicon.ico de vários tamanhos (16–256), ícones PNG em 16, 32, 48, 180 (ícone apple-touch), 192 e 512 pixels e um snippet de cabeçalho HTML copiar e colar que faz referência a favicon.ico, o ícone apple-touch, os tamanhos PNG e um site.webmanifest. Como todo o processamento acontece localmente com a API Canvas, sua imagem nunca sai do seu dispositivo — não há upload, fila e marca d’água. Just drop your logo, preview each generated size, download the files and paste the snippet.
Perguntas frequentes
O que este gerador de favicon produz?
Um conjunto completo de favicons a partir de uma imagem: um favicon.ico de vários tamanhos (16, 32, 48, 64, 128 e 256 px em um único arquivo), ícones PNG em 16×16, 32×32, 48×48, 180×180 (ícone apple-touch), 192×192 e 512×512, além de um snippet de cabeçalho HTML pronto para colar.
Minha imagem é carregada em um servidor?
Não. Este gerador de favicon funciona 100% no seu navegador usando a API Canvas. Sua imagem é decodificada e recodificada localmente, então nada é carregado, armazenado ou compartilhado – é totalmente privado.
Qual deve ser o tamanho e formato da minha imagem de origem?
Use a square image at least 512×512 for the sharpest result. PNG, JPG, SVG e WEBP funcionam. SVG and large PNG logos scale down cleanly to every favicon size.
Como adiciono o favicon ao meu site?
Baixe favicon.ico e os arquivos PNG na pasta raiz do seu site e copie o snippet HTML gerado no <head> das suas páginas. Ele vincula favicon.ico, os PNGs 16/32, o apple-touch-icon e um site.webmanifest.
Para que serve o ícone de toque da maçã?
O ícone apple-touch 180×180 é o ícone que iOS e iPadOS usam quando alguém salva seu site na tela inicial. Incluí-lo faz com que seu favorito pareça um aplicativo nativo em vez de uma captura de tela borrada.
Por que gerar um arquivo .ico e não apenas PNGs?
favicon.ico é o padrão de longa data que todo navegador, incluindo os mais antigos, solicita na raiz do site. Nosso .ico reúne várias resoluções em um arquivo para que o navegador sempre escolha o tamanho mais nítido - e ainda oferecemos os PNGs modernos também.
Conter ou cobrir – qual ajuste devo escolher?
Coloque caixas de correio com toda a imagem em um quadrado com bordas transparentes, mantendo todo o seu logotipo visível. A capa preenche o quadrado de ponta a ponta e corta o excesso. Use conteúdo para logotipos largos e capa para ícones já quadrados.
Este gerador de favicon é realmente gratuito?
Sim – é totalmente gratuito, sem inscrição, sem limites e sem marca d'água. Como o trabalho acontece no seu navegador, você pode gerar quantos conjuntos de favicon desejar.