Personalizar o favicon do meu site

Como criar um favicon personalizado para o meu site. O tema desse texto surgiu da tarefa de criar um favicon original para o site que estava desenvolvendo.

Primeiro, vamos inserir os trechos de códigos no nosso index.html que irá fazer aparecer o que queremos como ícone do nosso site.

Na linha 10 o trecho é responsável por exibir o favicon que escolheu e na linha 11 o trecho é responsável por exibir conforme o dispositivo aonde o site está sendo aberto.

Conforme na documentação do html

Mas como personalizar?

Crie seu desenho em png e então vá até o site e realize a conversão.

Você irá baixar diversas imagens png e um favicon e então o documento fará a configuração de exibir conforme a necessidade do dispositivo e mecanismos de buscas.

Os links que sugeri acima de documentação são referências para você está mais caso queira entender melhor o que acontece com esses dois pontos de configuração. Espero que tenha gostado do artigo. Deixe seu aplauso e até o próximo artigo.

--

--

Developer Frontend Web — Javascript | ReactJS https://linktr.ee/douglasabnovato

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store