Favicon-urile înlocuiesc pictograma glob din bara de adrese.
Credit imagine: r0mu/iStock/Getty Images
O favicon este o modalitate creativă și practică de a adăuga un fler vizual subtil prezenței site-ului dvs. Favicon-urile sunt imagini mici pe care browserele Web le folosesc în filele paginilor și în barele de adrese. Ei afișează un logo sau o imagine asociată site-ului web care acționează ca un identificator vizual al mărcii lângă titlu sau URL. Favicon-urile sunt identificatori de site deosebit de folositori în navigarea cu file, deoarece spațiul de text disponibil utilizat pentru titlurile paginilor scade practic la nimic pe măsură ce utilizatorul deschide mai multe file.
Pasul 1
Proiectați pictograma pe care doriți să o utilizați într-un program de editare foto sau grafică. Puteți lua o siglă sau o imagine existentă asociată cu site-ul sau marca dvs. și o puteți ajusta pentru a respecta standardele favicon. Favicon-urile folosesc întotdeauna dimensiuni pătrate și au o dimensiune maximă acceptată de 256 pe 256 pixeli. Decupați și măriți imaginea pentru a se potrivi într-un pătrat de 256 pe 256 de pixeli dacă veți folosi un pachet de pictograme pentru a accepta mai multe dimensiuni. Dacă aveți de gând să faceți doar o versiune, alegeți o dimensiune de 16 pe 16 pixeli.
Videoclipul zilei
Pasul 2
Exportați pictograma grafică ca fișier imagine PNG din programul de proiectare grafică. PNG este formatul de imagine standard W3C pentru favicons. Unele browsere pot afișa fișiere JPG ca favicon-uri, dar standardul nu este acceptat oficial. În plus, este posibil ca programele de ambalare a pictogramelor să nu funcționeze cu imagini în alte formate. Favicon-urile acceptă și fișiere GIF și ICO.
Pasul 3
Împachetați fișierul PNG exportat într-un fișier ICO cu un program de conversie ICO. Un program de conversie a pictogramelor procesează o favicon PNG, o formatează pentru mai multe dimensiuni diferite de favicon acceptate pe scară largă și le încorporează într-un singur fișier. Fișierele ICO oferă favicon-uri cu rezoluție mai mare decât 16 pe 16 pixeli pentru dispozitivele care le acceptă.
Pasul 4
Conectați-vă la serviciul dvs. de găzduire a site-ului dvs. web și încărcați fișierul PNG sau ICO pe serverul media al site-ului dvs. web. Copiați adresa URL a fișierului încărcat; veți avea nevoie de el pentru a atașa favicon-ul pe site.
Pasul 5
Deschideți programul de editare a site-ului dvs. și adăugați următorul cod, modificat cu adresa URL a fișierului favicon, așa cum este indicat, în secțiunea site-ului dvs.
Pentru fișierele PNG:
Pentru fișierele ICO:
Dacă nu utilizați un site controlat de CMS sau nu includeți o secțiune bazată pe fișiere, va trebui să adăugați codul la fiecare pagină pe care doriți să prezentați pictograma. Favicon-ul apare după ce salvați și actualizați paginile site-ului.
Bacsis
Programele de editare foto precum Photoshop și Corel Draw funcționează bine pentru proiectarea și formatarea pictogramei. Alternativ, puteți utiliza programe gratuite precum Paint.net și Pixlr.
Avertizare
Unele browsere asociază automat un fișier imagine aflat în directorul /favicon ca favicon; cu toate acestea, organizația W3C descurajează această practică deoarece nu este un standard acceptat universal și este contrar principiilor arhitecturii Web. În plus, multe servicii de găzduire web și sisteme CMS nu permit utilizatorului să plaseze conținut media în afara directoarelor de fișiere media, făcând această practică imposibilă.
