Gerar um Favicon
Transforme qualquer logotipo em um favicon.ico mais cada tamanho PNG que um site precisa.
Como utilizar o Gerador de Favicon
Envie seu logotipo
Coloque um PNG quadrado ou SVG, idealmente 512x512 ou maior. Marcas simples e de alto contraste são melhores em 16 pixels.
Definir o fundo
Mantenha-o transparente ou escolha uma cor sólida se o seu logotipo precisar de um atrás dele para se manter legível nas abas claras e escuras.
Baixar e instalar
Salve favicon.ico e os tamanhos PNG em sua raiz do site, em seguida, cole o bloco HTML na cabeça de suas páginas.
Sobre o Gerador de Favicon
Um favicon é o menor pedaço de marca que um site tem e o único que as pessoas usam mais: é como uma aba é identificada entre outros trinta e como um marcador é reconhecido em uma lista. Um site sem um mostra uma folha de papel em branco, que lê como inacabado, não importa o quão bom o resto do projeto é.
A parte estranha sempre foi que um arquivo não é suficiente. Navegadores querem um favicon.ico no site root, guias de alta PDI querem um PNG 32px, iOS quer um ícone de apple-touch 180px para o ecrã inicial e Android quer versões 192 e 512px para instalar prompts e telas de apresentação. Esta ferramenta transforma todos eles de uma única imagem e empacota as versões 16, 32 e 48px em uma verdadeira multi-resolução ico — não um PNG com a extensão alterada, que é o que faz o arquivo subir quando algo antigo tenta lê-lo.
O seu logotipo está instalado dentro de cada quadrado em vez de ser cortado para preenchê- lo, de modo que nada é cortado das bordas, e você pode manter um fundo transparente ou definir uma cor sólida por trás dele. O bloco HTML por baixo é o conjunto exato de etiquetas de links para colar em sua cabeça. Tudo é renderizado em seu navegador, de modo que um logotipo não liberado nunca deixa seu dispositivo.
Perguntas mais frequentes
- Qual o tamanho de um favicon?
- Comece pelo menos 512x512 para que cada tamanho seja reduzido em vez de explodido. Esta ferramenta produz, então, 16, 32, 48, 180, 192 e 512px versões mais um multi-size .ico.
- Isto é um ficheiro ico verdadeiro?
- Sim. É uma verdadeira ICO de multi-resolução contendo as imagens 16, 32 e 48px, não um PNG renomeado.
- Onde ponho os arquivos do Favicon?
- No seu site root, assim favicon.ico fica em seusite.com/favicon.ico, em seguida, adicione as tags de link mostradas aqui na sua cabeça. Frameworks como Next.js também podem pegar arquivos colocados no aplicativo ou diretório público.