Favicon – Ce, cum si de ce?

by BloggerIn on May 20, 2011

Mi-am propus de multa vreme sa fac un favicon pentru BloggerIn.ro pentru ca reprezinta un element de branding si creste vizibilitatea in taburile din browsere, dar, pana acum, nu a ajuns in varful listei cu lucruri de facut. Asadar, cate ceva despre favicon.

Ce este un favicon?

Termenul de favicon vine de la favorites icon, avand si alte denumiri in limba engleza, cum ar fi: shortcut iconwebsite iconURL icon sau bookmark icon. Pe scurt, un favicon este o imagine de 16×16 pixeli care apare in browser in partea stanga a URL-ului. De asemenea mai apare in taburi (in fata titlului paginii) si in bookmark-uri.

Cum se face si se instaleaza un favicon?

Primul pas este de a creea o imagine de dimensiune 16×16 pixeli. De obicei este vorba de o varianta micsorata a logo-ului.

Desi dimensiunile sunt mici, este suficient spatiu pentru a realiza imagini interesante. Daca va uitati la favicon-urile diverselor site-uri va convingeti de acest lucru. In ceea ce priveste culorile cel mai bine este folositi o paleta compusa din cele 16 culori standard din Windows, sau cel mult 256 de culori. Exista, de asemenea, posibilitatea de a creea o imagine de dimensiune 32×32 care sa fie folosita ca favicon, caz in care imaginea este micsorata automat daca e nevoie. In general, se prefera sa se puna ambele versiuni (16×16 si 32×32) in acelasi fisier astfel incat, daca e nevoie, sa poata fi folosita cea de dimensiune mai mare.

Apoi, dupa ce imaginea este gata trebuie salvata cu extensia .ico. Exista multe programe cu ajutorul carora se pot face fisiere de tip .ico, dar va recomand FavIcon from Pics, o aplicatie online foarte usor de folosit. Aceasta transforma o imagine .jpg, .gif, .png, etc. intr-un favicon.

Filmuletul de pe site explica cum se foloseste aplicatia. Il puteti vedea si mai jos:

Fie ca folositi FavIcon, sau o alta aplicatie, rezultatul trebuie sa fie un fisier cu numele favicon.ico.

Urmatorul pas este de a uploada fisierul in radacina site-ului si de adauga urmatoarea linie de cod in sectiunea <head> (pentru bloguri WordPress, trebuie sa modificati fisierul header.php):

<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” />

Dupa ce ati realizat acest pas veti putea vedea favicon-ul in browser. Totusi, trebuie sa aveti rabdare. E posibil sa nu apara imediat.

De ce ai nevoie de favicon?

De fapt, se poate trai foarte bine si fara favicon. Este pur optional. Dar, din punctul meu de vedere, tine de imaginea blogului, de brand si va sfatuiesc sa va faceti unul.

Related Posts with Thumbnails

Vrei sa afli cum sa poti sa atragi mai multi cititori pe blogul tau,
cum poti sa il optimizezi si sa il monetizezi?

Inscrie-te la RSS


Introdu adresa de email:     

{ 5 comments… read them below or add one }

Joe May 20, 2011 at 12:21 pm

In bookmark-uri iese mai rapid in evidenta FavIcon-ul decat titlul.
BloggerIn.ro se afla in lista de bookmark-uri primul dintr-o categorie, pentru ca nu are favicon si ca sa nu stau sa-l caut. :D

Zina May 20, 2011 at 4:39 pm

Intrebari despre favicon: 1. Are vreo importanta ce reprezinta faviconul? Adica e de preferat sa fie o poza, o litera,un logo…? 2. Cum poti sa faci favicon la un blog de pe platforma Blogger ?

Tudor Enea May 20, 2011 at 11:09 pm

De cand astept articolul asta. Insa pentru blogspot cum se poate instala? Am vazut sigur ceva cazuri.
\Multumesc. Seara faina!

BloggerIn May 21, 2011 at 6:46 am

@Joe – :) Depinde si de browser. Eu observ favicon-urile mai mult in taburi.

@Zina – Nu are importanta ce reprezinta faviconul. De obicei este o versiune a logo-ului site-ului/blogului. Dar poate sa fie si o litera. In nici un caz nu as merge pe o versiune animata. Si, foarte important, trebuie sa fie clar.

@Tudor Enea, @Zina – Pentru blogspot va recomand acest articol.

Zina May 21, 2011 at 1:10 pm

Adi, mulţumesc foarte mult !

Leave a Comment

Previous post:

Next post: