Com es crea un fitxer Favicon.ico: 5 passos (amb imatges)

Taula de continguts:

Com es crea un fitxer Favicon.ico: 5 passos (amb imatges)
Com es crea un fitxer Favicon.ico: 5 passos (amb imatges)

Vídeo: Com es crea un fitxer Favicon.ico: 5 passos (amb imatges)

Vídeo: Com es crea un fitxer Favicon.ico: 5 passos (amb imatges)
Vídeo: Основные ошибки при возведении перегородок из газобетона #5 2024, Maig
Anonim

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

Creeu un pas Favicon.ico
Creeu un pas Favicon.ico

Pas 1. Creeu una imatge amb una mida de 16 x 16 píxels

Utilitzeu imatges senzilles per facilitar la identificació.

Creeu un pas Favicon.ico
Creeu un pas Favicon.ico

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.

Creeu un pas Favicon.ico
Creeu un pas Favicon.ico

Pas 3. Pengeu el fitxer creat al lloc web

Creeu un pas Favicon.ico
Creeu un pas Favicon.ico

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):

Creeu un pas Favicon.ico
Creeu un pas Favicon.ico

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" />

Recomanat: