Passo 2: Escolha sua imagem<\/strong><\/p>\n\n\n\nAgora que j\u00e1 criou sua imagem, voc\u00ea deve selecion\u00e1-la para a exporta\u00e7\u00e3o. <\/p>\n\n\n\n
Passo 3: Carregue a imagem<\/strong><\/p>\n\n\n\nNa p\u00e1gina inicial do Favicon.io, voc\u00ea ver\u00e1 uma op\u00e7\u00e3o na \u00e1rea superior chamada “Converter<\/strong>“. Clique e voc\u00ea ser\u00e1 direcionado a uma p\u00e1gina, onde, na \u00e1rea “Drag and Drop your file here or click to upload<\/strong>” voc\u00ea seleciona a imagem que deseja usar como \u00edcone em seu computador. Aguarde alguns segundos enquanto a imagem \u00e9 carregada.<\/p>\n\n\n\nPasso 4: Ajuste o Favicon<\/strong><\/p>\n\n\n\nAp\u00f3s o carregamento da imagem, o site exibir\u00e1 na parte inferior como ficar\u00e1 o icone.<\/p>\n\n\n\nPasso 5: visualize e baixe o Favicon<\/strong><\/p>\n\n\n\nO Favicon.io exibir\u00e1 o seu \u00edcone personalizado em diferentes tamanhos para garantir que ele seja exibido corretamente em v\u00e1rios dispositivos.<\/p>\n\n\n\n
Se voc\u00ea estiver satisfeito com o resultado, clique no bot\u00e3o “Download<\/strong>” para baixar o arquivo ICO do seu Favicon. Certifique-se de salvar o arquivo em um local de f\u00e1cil acesso no seu computador.<\/p>\n\n\n\n<\/span>Como instalar no WordPress<\/span><\/h2>\n\n\n\nApar\u00eancia \u2192 Personalizar \u2192 Identidade do site \u2192 \u00cdcone do site.<\/strong> Envie a imagem; o WordPress gera as vers\u00f5es necess\u00e1rias e insere as tags no <head><\/code> sozinho.<\/p>\n\n\n\n⚠️ Ele exige no m\u00ednimo 512\u00d7512<\/strong> \u2014 outro motivo para criar nesse tamanho.<\/p>\n\n\n\n<\/span>Perguntas frequentes<\/span><\/h2>\n\n\n\nQual o tamanho ideal de um favicon?<\/strong><\/p>\n\n\n\nDepende de onde ele vai aparecer. Para a aba do navegador, 32\u00d732 basta<\/strong>. Mas o Google exige um m\u00faltiplo de 48 pixels<\/strong> \u2014 48\u00d748, 96\u00d796 ou maior \u2014 e ignora favicons menores nos resultados de busca. A recomenda\u00e7\u00e3o pr\u00e1tica \u00e9 criar em 512\u00d7512<\/strong> e deixar cada contexto redimensionar.<\/p>\n\n\n\nQual formato usar: ICO, PNG ou SVG?<\/strong><\/p>\n\n\n\nO .ico<\/code> \u00e9 o formato hist\u00f3rico e continua funcionando, mas PNG e SVG s\u00e3o aceitos por todos os navegadores atuais<\/strong>. O SVG tem a vantagem de escalar sem perder nitidez. Se for escolher um s\u00f3, o PNG em 512\u00d7512 cobre praticamente todos os casos.<\/p>\n\n\n\nComo colocar o favicon no WordPress?<\/strong><\/p>\n\n\n\nEm Apar\u00eancia \u2192 Personalizar \u2192 Identidade do site \u2192 \u00cdcone do site<\/strong>. Envie a imagem e o WordPress gera as vers\u00f5es necess\u00e1rias e insere as tags no <head><\/code> automaticamente. Ele exige no m\u00ednimo 512\u00d7512.<\/strong><\/p>\n\n\n\nMeu favicon n\u00e3o aparece no Google. Por qu\u00ea?<\/strong><\/p>\n\n\n\nQuatro causas, em ordem: o tamanho n\u00e3o \u00e9 m\u00faltiplo de 48<\/strong>, o arquivo est\u00e1 bloqueado no robots.txt<\/code>, a imagem n\u00e3o \u00e9 quadrada, ou o Google simplesmente ainda n\u00e3o rastreou. O favicon \u00e9 atualizado num ciclo pr\u00f3prio, que leva semanas<\/strong> \u2014 e n\u00e3o h\u00e1 como for\u00e7ar pelo Search Console.<\/p>\n\n\n\nTroquei o favicon e continua aparecendo o antigo. O que fa\u00e7o?<\/strong><\/p>\n\n\n\n\u00c9 cache. Limpe o do navegador e teste numa janela an\u00f4nima. Se ainda persistir, force a atualiza\u00e7\u00e3o<\/strong> acrescentando um par\u00e2metro ao endere\u00e7o do arquivo, como favicon.png?v=2<\/code>. No Google, a atualiza\u00e7\u00e3o leva semanas e n\u00e3o pode ser acelerada.<\/p>\n\n\n\nPreciso de um favicon?<\/strong><\/p>\n\n\n\nN\u00e3o \u00e9 obrigat\u00f3rio, mas a aus\u00eancia \u00e9 vis\u00edvel: o navegador mostra um \u00edcone gen\u00e9rico na aba, nos favoritos e no hist\u00f3rico. Nos resultados de busca em celular, o favicon aparece ao lado do t\u00edtulo<\/strong> \u2014 e um espa\u00e7o vazio ali destoa dos concorrentes.<\/p>\n\n\n\nOnde o arquivo do favicon deve ficar?<\/strong><\/p>\n\n\n\nTradicionalmente na raiz do site, como seusite.com.br\/favicon.ico<\/code> \u2014 e os navegadores procuram ali por padr\u00e3o, mesmo sem nenhuma tag. Mas o mais confi\u00e1vel \u00e9 declarar explicitamente<\/strong> com a tag <link rel=\"icon\"><\/code> no <head><\/code>, o que permite usar qualquer caminho e formato.<\/p>\n\n\n\nPosso usar um favicon com texto?<\/strong><\/p>\n\n\n\nN\u00e3o \u00e9 recomendado. Em 16 ou 32 pixels, qualquer texto vira um borr\u00e3o ileg\u00edvel. Use um s\u00edmbolo, uma inicial ou uma forma simples<\/strong> que represente a marca \u2014 e teste reduzindo a imagem antes de publicar.<\/p>\n\n\n\nO favicon influencia no SEO?<\/strong><\/p>\n\n\n\nN\u00e3o diretamente \u2014 n\u00e3o \u00e9 fator de ranqueamento. Mas ele aparece ao lado do resultado nas buscas em celular<\/strong>, e um site com identidade visual clara tende a receber mais cliques que um com \u00edcone gen\u00e9rico. O efeito \u00e9 de CTR, n\u00e3o de posi\u00e7\u00e3o.<\/p>\n\n\n\nComo criar um favicon sem programa de design?<\/strong><\/p>\n\n\n\nUse um gerador online. O Favicon.io<\/strong> converte uma imagem, um texto ou um emoji em favicon e devolve o pacote pronto com todos os tamanhos. \u00c9 o caminho mais r\u00e1pido<\/strong> para quem s\u00f3 quer resolver.<\/p>\n\n\n\n