Crie favicons PNG de 16, 32, 48, 64, 180 e 512 px desde uma imagem, com cantos arredondados e padding opcionais. Baixe um ou todos.
O redimensionamento acontece por completo no seu navegador. Sua imagem nunca sai do seu dispositivo.
Solte uma imagem aqui
PNG, JPG, WebP · até ~20 MB
Os favicons são servidos em vários tamanhos porque os navegadores os exibem em contextos bem diferentes: um ícone de aba de 16 px e um ícone PWA de 512 px não se parecem em nada. Esta ferramenta gera PNGs para os seis tamanhos comuns de uma vez, para você colocá-los no seu site e pronto. Abaixo, para o que serve cada tamanho.
Um favicon é o pequeno ícone exibido nas abas do navegador, nos favoritos e na barra de endereços. Os navegadores usam tamanhos diferentes em lugares diferentes: 16 px nas abas, 32 px nos favoritos, 180 px para os ícones touch da Apple no iOS e 512 px para os manifestos PWA. Oferecer uma imagem por tamanho mantém o ícone nítido em todos os lugares, em vez de esticado ou borrado.
A API Canvas do navegador reamostra os pixels originais com suavização bilinear de alta qualidade, escalando para caber no quadrado alvo e preservando a proporção. O resultado é centralizado no canvas, e o padding opcional deixa espaço transparente ao redor.
Quando ativada, cada favicon é recortado em um quadrado com cantos arredondados (raio = 22 % do comprimento do lado), a forma que a maioria das plataformas móveis aplica aos ícones de aplicativo automaticamente. Os cantos se tornam regiões PNG transparentes, então o efeito funciona sobre qualquer fundo.
O PNG tem suporte universal: os navegadores modernos leem um elemento link com rel="icon" e type="image/png" para qualquer tamanho, e o PNG de 512 px também serve como ícone de manifesto PWA. Arquivos ICO são um formato legado; se você realmente precisa de um, vários conversores gratuitos podem agrupar os PNGs gerados por esta ferramenta em um único .ico.
PNG, JPG e WebP de até 20 MB. A transparência é preservada para entradas PNG e WebP; o JPEG não tem canal alfa, então as áreas transparentes não sobrevivem. Tudo acontece localmente no seu navegador — sua imagem nunca é enviada.
Para completar os arquivos da sua marca, exporte todos os tamanhos de ícone com o Gerador de Ícones de App, rasterize qualquer vetor com o Conversor de SVG para PNG ou transforme um bitmap de volta em vetor com o Conversor de imagem para SVG.
Se você acabou de usar Gerador de favicon, os próximos passos naturais são Conversor de formatos de imagem, Redimensionador de imagens, Conversor de imagem para WebP, ou explore todas as ferramentas de Ferramentas de arquivos.