Nu toata lumea stie ce este un favicon, dar acesta este destul de important in cazul in care vrei sa-ti faci site-ul sa arate mai profesional, sa fie recunoscut mai usor si este o ocazie de a-ti extinde brandingul site-ului. Daca nu ai unul, site-ul tau va fi incomplet. Chiar si multi designeri si posesori de site il trec cu vederea si nu stiu la ce foloseste si cat este de usor sa ti-l faci.
Ce este un favicon?
„Favicon” este prescurtarea de la „favorite icon” si este un desen de dimensiuni foarte mici, care este pozitionat in bara browser-ului si este asociat unui anumit site.
De ce sa-ti faci unul?
Favicon-ul nu este acolo doar pentru frumusete. Desi, are si el o oarecare parte in imbunatatirea aspectului unui site, incorporeaza si un aspect mai practic: o imagine, fie ea cat de mica, este primul lucru pe care ochiul o observa, inaintea textului care o inconjoara.
Poti vedea asta foarte usor daca ti-ai pus in browser, la bookmarks, o multime de site-uri. Cand caut prin gramada de site-uri unul anume, ma ajuta foarte mult acel mic desen in gasirea site-ului dorit. Daca site-ul nu are favicon, in browser va fi afisat un mic desen cu o pagina alba.
Daca ai insiruite mai multe astfel de site-uri fara favicon, va fi mult mai greu sa gasesti ceea ce cauti, pentru ca toate arata la fel! In schimb, daca site-ul are favicon, culorile acestuia vor iesi in evidenta si ochiul il va observa inaintea textului din lista de bookmarks, contribuind astfel la imbunatatirea experientei vizitatorului.
Intrebare: ce favicon crezi ca foloseste compania „Coca-Cola”? O sticla de culoare alba pe un fundal rosu – ceea ce ne duce la urmatorul punct: cum trebuie sa arate un favicon bun?
Cum trebuie sa arate un favicon bun?
Din cauza ca dimensiunile lui sunt foarte mici (de obicei 16×16 pixeli), un favicon bun trebuie:
- sa fie cat mai simplu
- sa fie clar si fara detalii prea mici care sa nu se observe
- sa iasa usor in evidenta, fie prin culori, fie printr-o forma deosebita
- sa fie usor de retinut, ca sa contribuie la intarirea branding-ului site-ului
Unele site-uri folosesc intregul logo pentru favicon – ceea ce este ok daca este un logo simplu. Altele doar parti din logo. Si mai sunt si site-uri care folosesc o imagine complet noua pentru asta…
Cum sa faci un favicon?
Favicon-ul este un fisier grafic care se termina cu extensia .ico. Exista mai multe site-uri care iti transforma o imagine intr-un fisier .ico, dar nu poti baga acolo orice fel de imagine… Din cauza ca dimensiunile lui sunt atat de mici, ar trebui sa te asiguri ca ceea ce pui acolo este usor de inteles sau de citit – deci, cel mai bine este sa-ti creezi singur imaginea pentru favicon.
Pasul 1: Ca sa faci asta, trebuie sa micsorezi o imagine sau fotografie, cu ajutorul unui program de editare grafica, la marimea de 16×16, 32×32 sau maxim 64×64 de pixeli si s-o salvezi in format .gif, .jpg sau .png. Pentru ca formatul ico suporta si transparenta, imaginea creata nu este limitata la un desen de forma patrata si daca ii faci un fundal transparent, poate ca va arata si mai bine… Deci, daca vrei sa fie cu fundal transparent, salveaz-o in format gif sau png.
Pasul 2: Dupa ce ai facut asta, trebuie sa incarci aceasta imagine pe un site care ti-o va converti in .ico Uite cateva locuri unde poti sa-ti faci asta:
http://tools.dynamicdrive.com/favicon/#.UkV-LtJ7IqI
http://www.chami.com/html-kit/services/favicon/
http://www.favicongenerator.com/
Pasul 3: Apoi, trebuie sa incarci acest mic fisier ico pe site-ul tau si sa il plasezi, in codul html, in sectiunea <head> a paginilor site-ului tau, sau cel putin in pagina principala.
Daca vrei sa iti faci site-ul mai cunoscut, sa arate mai profesional si sa imbunatatesti experienta vizitatorilor pe site-ul tau, atunci trebuie sa ai neaparat un favicon pe site! Sper ca ati gasit acest articol placut si folositor. Pana data viitoare, numai bine!
Comentarii recente