Quan visiteu llocs web com Google, Yahoo o wikiHow, és possible que vegeu una petita icona a l’esquerra de la barra d’adreces. Aquesta icona es coneix com a favicon i podeu crear-ne una per al vostre propi lloc web. A més de donar una sensació professional al lloc, aquesta icona apareixerà al segment de marcadors de l'usuari, al costat dels llocs que marquen com a favorits. D’aquesta manera, els usuaris poden trobar el vostre lloc més fàcilment.
Pas
Pas 1. Creeu una imatge amb una mida de 16 x 16 píxels
Utilitzeu imatges senzilles per facilitar la identificació.
Pas 2. Converteix la imatge en un fitxer "favicon.ico"
El fitxer s’ha d’anomenar d’aquesta manera perquè el navegador el reconegui. La forma més senzilla de fer-ho és fer servir el servei Generador FavIcon Dynamic Drive. També podeu utilitzar el programa d’edició d’imatges GIMP gratuït i desar la imatge amb una resolució de 16 x 16 píxels en format ICO.
Pas 3. Pengeu el fitxer creat al lloc web
Pas 4. Afegiu el codi següent a l'HTML del lloc web
Cal afegir-lo al segment de codi i assegurar-se que l'adreça del directori d'icones sigui correcta, segons la pàgina web. Aquí teniu el codi que haureu d’introduir (suposant que els fitxers.html i.ico es trobin al mateix directori superior / principal):
Pas 5. Torneu a carregar la pàgina, feu una ullada i admireu la bella icona nova del vostre lloc web
Consells
- Tot i que són de mida molt petita, assegureu-vos que la gent pugui llegir o entendre fàcilment les icones que s’utilitzen.
- Si utilitzeu el sistema operatiu Linux, podeu convertir fitxers directament des del vostre ordinador. Seleccioneu la imatge adequada, obriu un programa de línia d’ordres (línia d’ordres), visiteu el directori on s’emmagatzema el fitxer d’imatges i escriviu: convert image-p.webp" />