El principal problema relacionat amb el favicon per a pàgines HTML és que pot ser difícil d'implementar. Els favicons són petites icones que apareixen a la pestanya del navegador o a la barra d'adreces d'un lloc web i sovint s'utilitzen per identificar un lloc web o una marca. Per afegir un favicon a una pàgina HTML, la icona s'ha de desar com a fitxer .ico i després enllaçar-la al codi HTML mitjançant un etiqueta. Això pot ser complicat per a aquells que no estan familiaritzats amb la codificació, ja que hi ha diversos passos i requereix coneixement de la sintaxi HTML. A més, és possible que alguns navegadors no reconeguin la favicon si no s'implementa correctament.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Aquesta línia de codi crea un enllaç a un fitxer extern anomenat “favicon.ico”.
2. L'enllaç rep l'atribut “rel” amb un valor de “icona de drecera”, que indica que es tracta d'una icona de drecera per al lloc web.
3. L'atribut href dóna la ruta al fitxer favicon, que en aquest cas és simplement “favicon.ico”.
4. L'atribut type indica que aquest fitxer és una imatge de tipus x-icona, que és un tipus especial d'imatge que s'utilitza per a les icones i logotips de llocs web.
Què és un favicon
Un favicon és una petita icona associada a un lloc web o pàgina web. Normalment es mostra a la barra d'adreces d'un navegador, al costat de l'URL del lloc. També es pot utilitzar per identificar adreces d'interès als navegadors web i com a icona per a dreceres en ordinadors i dispositius mòbils. Els favicons solen tenir una mida de 16 × 16 píxels i es guarden com a fitxers .ico.
Com afegir un favicon al vostre lloc web
Afegir un favicon al vostre lloc web és una manera fantàstica d'afegir una capa addicional de marca i identitat al vostre lloc. Els favicons són petites icones que apareixen a la pestanya del navegador al costat del títol del vostre lloc web. També es poden utilitzar com a dreceres en dispositius mòbils, cosa que facilita als usuaris trobar i accedir al vostre lloc.
Per afegir un favicon al vostre lloc web en HTML, necessitareu un fitxer d'imatge amb l'extensió .ico. Aquesta imatge ha de tenir una mida de 16 × 16 píxels o 32 × 32 píxels. Un cop hàgiu creat o obtingut aquest fitxer d'imatge, podeu pujar-lo al directori arrel del vostre lloc web.
Un cop penjat, haureu d'afegir un element d'enllaç a la secció de capçalera de cada pàgina del vostre lloc que indiqui aquest fitxer d'imatge:
Aquest element d'enllaç indica als navegadors on poden trobar el favicon del vostre lloc web perquè es mostri correctament quan algú visiti una de les seves pàgines.
Finalment, si voleu que navegadors com Chrome i Firefox mostrin una versió més gran del favicon (192 × 192 píxels), haureu de crear una altra versió de la icona i pujar-la també al directori arrel:
Un cop s'hagin completat tots aquests passos, ara els visitants haurien de veure el vostre favicon personalitzat quan visiten qualsevol pàgina del vostre lloc web.
