Gere arquivos favicon em vários tamanhos (16x16 a 512x512) a partir de qualquer imagem. Grátis e funciona diretamente no seu navegador.
Suporta PNG, JPG, SVG, WebP. Máximo 10MB.
Um favicon é o pequeno ícone que aparece nas guias do navegador, nos favoritos e nas listas de histórico. O favicon original – um arquivo ICO 16×16 em /favicon.ico – se expandiu para um conjunto complexo de ícones em diferentes tamanhos para diferentes plataformas: 16×16 e 32×32 para guias do navegador, 180×180 para telas iniciais do iOS, 192×192 e 512×512 para Android e vários tamanhos para blocos do Windows. Produzir tudo isso a partir de uma única imagem de origem é o que um gerador de favicon moderno faz.
Essa ferramenta pega uma única imagem de origem de alta resolução (normalmente um logotipo quadrado) e gera o conjunto completo de ativos de favicon, além das tags de link HTML necessárias para referenciá-los. A saída inclui ICO, vários PNGs e um manifest.json para metadados progressivos de aplicativos da web. Solte os arquivos resultantes na raiz do seu site e referencie-os por meio do HTML gerado.
Todo o processamento acontece no seu navegador. Sem upload, sem chamada de API, sem limite de taxa. A saída funciona em todos os navegadores e sistemas operacionais modernos que exibem favicons.
Sites sem favicons parecem inacabados. As guias do navegador mostram um ícone genérico; os marcadores não possuem identificador visual; o site parece menos profissional. Adicionar um conjunto adequado de favicons é uma etapa de polimento de baixo esforço e alto impacto que sinaliza atenção aos detalhes.
Os requisitos modernos de favicon cresceram além de /favicon.ico. Ícones da tela inicial do iOS, ícones do Android Chrome, ícones de blocos do Windows e variantes do modo escuro usam arquivos diferentes. Gerá-los todos a partir de uma única fonte garante uma marca consistente sem gerenciar cada arquivo manualmente.
Carregue a imagem de origem e obtenha o conjunto completo de favicons.
O conjunto completo de favicons modernos: favicon.ico (16+32+48 multi-resolução), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png. Além de site.webmanifest para PWA, browserconfig.xml para Windows.
Cada PNG é gerado por redução da resolução baseada em tela a partir da fonte. O ICO é construído em JavaScript combinando versões 16/32/48 no formato ICO multi-resolução usando gravações DataView.
As tags de link HTML fazem referência a cada arquivo com atributos rel e tamanhos apropriados. O gerador os produz como um snippet pronto para copiar e colar para o <head> do seu site.