Gerador de favicon grátis

Os navegadores não concordam mais sobre um tamanho só, então um conjunto moderno de favicon cobre vários. Um par de PNG 32x32 e 16x16 (embutido dentro do favicon.ico) cobre abas e barra de favoritos no desktop. Um PNG 180x180 chamado apple-touch-icon.png é o que o iOS usa quando alguém adiciona sua loja à tela inicial. Um PNG 192x192 e um 512x512 cobrem as telas iniciais do Android e o aviso de instalação, caso um cliente adicione sua loja como atalho.

Você não precisa posicionar cada tag na mão. Este gerador monta o conjunto completo a partir de um upload e entrega o HTML exato para colar na seção head do seu tema, então nada fica faltando e nada fica fora de tamanho.

Um favicon em SVG fica nítido em qualquer tamanho e alguns navegadores mais novos usam ele direto, mas o suporte ainda é inconsistente em navegadores antigos, em clientes de e-mail que renderizam seu site e na maioria das prévias de compartilhamento em redes sociais. O padrão seguro é um conjunto baseado em PNG como base, com o SVG como reforço, não como substituto. É por isso que esta ferramenta exporta PNG e ICO em vez de só SVG: eles funcionam em todo lugar, hoje, sem teste extra.

Descompacte o download e suba os arquivos para a pasta de assets ou para a raiz do seu tema, mantendo os nomes de arquivo como estão. Cole o trecho de HTML do ZIP dentro da seção head do arquivo de layout do tema, acima da tag de fechamento do head. A maioria das plataformas de loja, incluindo a LaunchMyStore, tem um campo próprio de upload de favicon nas configurações de tema ou de marca, onde você solta o PNG 512x512 direto em vez de mexer em código.

Limpe o cache do navegador ou abra a loja em uma janela anônima depois de subir. Favicons ficam em cache de forma agressiva, então um ícone de aba desatualizado depois de uma troca quase sempre é o navegador, não o arquivo.