Creació d'un Favicon personalitzat

Taula de continguts:

Anonim

Vaig a admetre alguna cosa tipus de geek. Realment m'agraden els favicons. Són divertits. Són una gran eina de marca. I són alguna cosa senzill que els propietaris de petites empreses poden fer per estimular els seus llocs i fins i tot augmentar la seva usabilitat per als usuaris.

Si no sabeu què és un favicon, permetin-me oferir-vos ajuda:

$config[code] not found

Favicons són els mini, gràfics de 16 x 16 píxels que representen el vostre lloc web a la barra d'adreces, a la llista d'usuaris o a les pestanyes del vostre navegador. Permeten que els visitants creïn una connexió visual amb el vostre lloc.

Neat Com es crea una?

Dissenyeu el vostre favicon:

  • A mà: Obriu el vostre programa de gràfics preferits i accediu-hi. Voldreu crear un nou fitxer de 16 × 16 píxels i ampliar-lo fins que l'àrea sigui viable O obrir una àrea més gran, però encara un tipus de múltiple de 16 × 16. Quan estigueu dissenyant el vostre favicon a mà, utilitzeu alguna cosa que representi amb precisió la vostra marca, ja sigui un esquema de color comú, les inicials de la vostra empresa, etc. Sigui com sigui, caldrà resistir les restriccions difícils de 16 × 16 píxels.
  • Amb eines: Si teniu un disseny desafiat (no hi ha cap problema, jo també ho tinc), hi ha algunes eines excel·lents que fan que sigui fàcil que fins i tot persones com nosaltres puguem crear excel·lents favicons. Per exemple, Favicon.cc us donarà una mica d'estructura i us permetrà construir-los directament des del seu lloc o Favicon des de Pics. Us permetrà carregar una foto i generar el favicon per a vosaltres. Senzill

Desa el teu favicon: Quan deseu el fitxer, reduïu-lo a 16 bits i deseu-lo com a "favicon.ico" si feu servir Photoshop o "favicon.gif" o "favicon.png" si esteu utilitzant una altra cosa. Si esteu utilitzant Photoshop i voleu donar-li un valor extra al vostre favicon, us recomanem que descarregueu el connector de format d'arxiu d'icones de Windows, de manera que podeu desar en format ICO.

Pengeu el vostre favicon: Connecteu-vos al vostre servidor i carregueu el favicon a la carpeta arrel del vostre lloc. A continuació, afegiu el codi HTML següent a la secció de cap de la vostra pàgina web (entre les dues etiquetes principals) (seleccioneu el vostre tipus de fitxer):

Actualització: Un cop hagueu acabat, actualitzeu el navegador i veureu que el vostre favicon apareixerà. Si no, dóna-li uns minuts. De vegades es necessita una mica per sincronitzar tot.

I ja està! Quatre passos i teniu un favicon de marca excel·lent que us ajudarà als usuaris a reconèixer el vostre lloc a la llista de marcadors o al seu navegador. Bastant simple, oi?

Només per diversió, aquí teniu algunes de les meves preferides a la web:

  • Focs artificials de Michigan
  • Jeffrey Zeldman
  • Boing Boing
  • Encyclopedia.com
  • Fool.com
  • Blog de SEO de Michael Gray

Qualsevol altre favorit personal?

17 Comentaris ▼