Gerador de favicon
Transforme uma imagem simples em um favicon e um pacote de ícones de site. Verifique se o design permanece reconhecível em tamanhos pequenos, baixe os arquivos e siga o exemplo de instalação incluído.
Antes de começar
- Entrada
- Uma imagem JPG, PNG ou WebP estática.
- Saída
- Um ZIP com ICO, ícones PNG, um manifesto e exemplo HTML.
Carregando ferramenta…
Como usar esta ferramenta
- Escolha uma imagem JPG, PNG ou WebP estática.
- Corte em um quadrado ou adicione preenchimento e inspecione as visualizações dos ícones.
- Baixe o ZIP e adapte os caminhos de exemplo ao seu site.
Entenda o resultado
Um favicon geralmente aparece em um tamanho muito pequeno. Um símbolo ou letra claro geralmente funciona melhor do que uma arte detalhada ou um texto minúsculo. Os arquivos gerados ainda precisam ser carregados e referenciados pelo seu site.
Prepare um ícone pequeno e claro
Inspecione a visualização de 16 pixels antes de fazer download. Evite esperar que uma marca larga ou uma fotografia completa permaneçam legíveis em um pequeno quadrado.
Experimente uma amostra
Experimente uma amostra original para inspecionar o fluxo de trabalho suportado. Uma amostra bem-sucedida não é uma garantia para todos os insumos.
Amostra de imagem original ↓
Se o resultado não for o esperado
O site ainda exibe o ícone antigo.
A geração de arquivos não os instala. Verifique os URLs dos ícones e a marcação da página, limpe o cache do site e teste uma nova sessão do navegador. Os ícones do navegador e dos resultados de pesquisa podem ser atualizados em momentos diferentes.
Próxima ferramenta útil: SVG para PNG →Limites importantes
- Somente entrada de imagem; converta um SVG em PNG primeiro.
- A ferramenta não altera a configuração do seu site.
- Verifique seu próprio site após instalar os ícones porque o cache e o comportamento da plataforma podem ser diferentes.
- Máximo de 10 MB e 12 milhões de pixels. A saída inclui ícones ICO, PNG, um webmanifest e exemplo HTML em um ZIP.
Perguntas frequentes
Isso instala o favicon no meu site?
Não. Prepara arquivos e um exemplo. Faça upload dos arquivos e atualize os caminhos ou as configurações do seu site.
O pacote torna meu site um PWA?
Não. Arquivos de ícone e um webmanifest básico são apenas parte da configuração de um aplicativo web.
Por que meu logotipo é difícil de ler em 16 pixels?
Detalhes finos podem desaparecer nesse tamanho. Experimente um símbolo mais simples, uma forma mais forte ou mais espaço ao redor da marca.
Guias relacionados
Dúvidas ou correção? mrkcal@mrkcal.com