Entrades

Què és un Favicon i per a què serveix

Cada vegada que realitzo una conferència o un curs, terra mirar-me les pàgines web dels assistents. Per això, l'organització de l'esdeveniment m'envia un llistat amb els URL i les vaig obrint en un mateix navegador però en diferents pestanyes. Per desgràcia, quan tinc les pàgines obertes i puc veure els faviconos de tot el món, observo que una bona part d'ells són els faviconos dels CMS utilitzats per construir les seves pàgines web (normalment el de Joomla o el de WordPress), no un favicon corporatiu, que és el que hauria de ser.

Així que aquí va aquest breu article explicant què és un favicon i per a què serveix un favicon, A veure si d'aquesta manera, si que la gent li atorgui la importància que es mereix.

Què és un favicon

És una petita icona (normalment de 16 × 16 píxels o de 32 × 32 px) que s'utilitza per identificar un lloc web a les pestanyes d'un navegador, en un llistat de favorits, o en qualsevol altra part que requereixi una identificació petita.

En aquest bloc que estàs llegint, el favicon és una "MP" amb fons fúcsia que pots veure al costat de l'URL oa la pestanya de la pàgina teu navegador.

Per a què serveix un favicon

És un símbol que transmet imatge corporativa, així que serveix per a:

  • Transmetre la nostra imatge de marca quan algú navega per la nostra pàgina web i fixa la seva mirada a la zona de la URL del navegador.
  • Perquè la nostra pàgina sigui fàcilment identificable quan algú té obertes diverses pestanyes al seu navegador.
  • Perquè la nostra pàgina sigui fàcilment identificable quan algú la guarda en els seus favorits.

això és un favicon

Com podem crear un favicon per a la nostra pàgina web

Hi ha molts programes que t'ajudaran a crear-lo. Aquest és el que jo faig servir per crear-los: creador de les favicones.

El meu consell és que creus la teva favicon en 32 × 32 píxels i que sigui semblant al teu logo. pots crear faviconos a partir d'imatges ... potser això pot ser-te d'ajuda, però píxel a píxel també és fàcil de crear. Un altre consell: abans de fer el teu favicon mira faviconos d'altres empreses en Google Imatges, Això pot ajudar-te a inspirar-te per el teu i a assegurar-te que sense voler, no utilitzis algun favicon que ja ha estat creat per algú més.

Quan ja ho tinguis creat, has de guardar utilitzant el nom favicon.ico i pujar-lo per FTP al directori arrel de la teva pàgina web. Alguns gestors de contingut com WordPress disposen d'una secció en el panell d'administració perquè indiquis l'URL exacte del favicon... Tot i que funciona igualment si allà no indiques res però disposes d'favicon en el teu directori arrel. També algunes plantilles de WordPress porten ja una zona en la qual indiques la URL de la imatge de la teva favicon i ja està.

Perquè el teu favicon es vegi el més aviat possible, pots donar a conèixer la seva existència a través del codi font de la pàgina web, utilitzant en els metatags la següent línia de codi:

<Link type = "image / x-icon" href = "favicon.ico" rel = "icona d'accés directe" />

Encara que de nou, si no utilitzes la línia de codi, el navegador ho veurà per si sol en algun moment. A Firefox i Chrome es veu gairebé al moment, en Explorer triga una mica més.

Et deixo aquí una imatge amb uns quants faviconos d'exemple ...

(A veure si pots dir-me quants favicones de Google apareixen a la imatge :-)

favicon

Això és tot.
Que vagi tot bé ... (i quan tinguis un moment, assegura't que la teva pàgina web disposa del seu propi favicon ;-)

ens parlem