Carregue a Imagem Fonte
Drop image here or click to upload
Use a square image for best results -- PNG, JPG, SVG, or WebP
Faça upload de qualquer imagem e gere favicons em todos os tamanhos que seu site precisa. Obtenha abas de navegador, Apple Touch Icons, Android Chrome e ícones PWA com código HTML pronto para uso.
Um favicon bem elaborado é apenas o começo. OneStepToRank ajuda sua empresa a dominar os resultados de busca local com rastreamento de posição em tempo real e otimização automática em toda a sua área de atuação.
Comece GratuitamenteUm favicon (abreviação de “favorites icon”) é o pequeno ícone exibido nas abas do navegador, favoritos, entradas de histórico e barras de endereço quando os usuários visitam seu site. Introduzido originalmente pelo Internet Explorer 5 em 1999 como um arquivo ICO de 16x16 pixels, os favicons evoluíram significativamente. Sites modernos precisam fornecer múltiplos tamanhos de favicon para suportar diferentes plataformas e dispositivos: ícones pequenos para abas de navegador, ícones médios para atalhos e barras de tarefas de desktop, e ícones grandes para telas iniciais móveis e telas de splash de Progressive Web Apps. Um favicon bem projetado reforça o reconhecimento da marca em todos os pontos de contato onde os usuários interagem com seu site.
O cenário de favicons pode ser confuso porque diferentes navegadores, sistemas operacionais e dispositivos esperam tamanhos diferentes. Aqui está uma divisão dos tamanhos mais importantes: 16x16 é o ícone clássico de aba de navegador usado por todos os navegadores de desktop. 32x32 é usado por telas retina nas abas e pelo Windows para atalhos na barra de tarefas. 48x48 e 64x64 são usados pelo Windows para atalhos de desktop e blocos fixados. 128x128 é exigido para listagens da Chrome Web Store. 180x180 é o Apple Touch Icon usado quando usuários iOS salvam seu site na tela inicial. 192x192 é usado pelo Android Chrome para ícones de tela inicial. E 512x512 é usado por PWAs para telas de splash e contextos de ícones maiores. No mínimo, todo site deve ter um favicon PNG 32x32 e um Apple Touch Icon 180x180.
Para máxima compatibilidade, use formato PNG para todos os tamanhos de favicon. PNG suporta transparência e é universalmente suportado pelos navegadores modernos. O formato tradicional ICO, que agrupa múltiplos tamanhos em um único arquivo, só é necessário para suporte ao Internet Explorer legado. Favicons SVG estão ganhando força e oferecem independência de resolução, mas o suporte dos navegadores ainda não está completo. Ao criar sua imagem fonte, comece com uma imagem quadrada de pelo menos 512x512 pixels para obter os resultados mais nítidos em todos os tamanhos. Designs simples e ousados com detalhes limitados funcionam melhor em tamanhos pequenos — texto fino e padrões intrincados tornam-se ilegíveis em 16x16 pixels. Use formas sólidas e reconhecíveis e cores contrastantes. Por fim, teste sempre seus favicons em vários navegadores e dispositivos para garantir que fiquem bem em todos os lugares.