Favikoni zamjenjuju ikonu globusa u adresnoj traci.
Zasluga slike: r0mu/iStock/Getty Images
Favicon je kreativan, praktičan način dodavanja suptilnog vizualnog štiha prisutnosti vaše web stranice. Favikoni su male slike koje web-preglednici koriste na karticama stranica i adresnim trakama. Oni prikazuju logotip ili sliku povezanu s web-mjestom koja djeluje kao vizualni identifikator robne marke pored naslova ili URL-a. Favikoni su posebno korisni identifikatori web-mjesta u pregledavanju s karticama jer se raspoloživi tekstni prostor koji se koristi za naslove stranica smanjuje na gotovo ništa kako korisnik otvara više kartica.
Korak 1
Dizajnirajte ikonu koju želite koristiti u programu za uređivanje fotografija ili grafike. Možete uzeti postojeći logotip ili sliku povezanu s vašom web-lokacijom ili robnom markom i prilagoditi je tako da bude u skladu sa standardima za favicon. Favikoni uvijek koriste kvadratne dimenzije i imaju maksimalnu podržanu veličinu od 256 x 256 piksela. Izrežite i odredite veličinu slike tako da stane u kvadrat veličine 256 x 256 piksela ako namjeravate koristiti paker ikona za podršku više veličina. Ako namjeravate napraviti samo jednu verziju, odaberite veličinu 16x16 piksela.
Video dana
Korak 2
Izvezite grafiku ikone kao PNG slikovnu datoteku iz programa za grafički dizajn. PNG je W3C standardni format slike za favikone. Neki preglednici mogu prikazati JPG datoteke kao favikone, ali standard nije službeno podržan. Osim toga, programi za pakiranje ikona možda neće raditi sa slikama u drugim formatima. Favikoni također podržavaju GIF i ICO datoteke.
Korak 3
Spakirajte svoju izvezenu PNG datoteku u ICO datoteku pomoću ICO programa za pretvaranje. Program za pretvaranje ikona obrađuje PNG favicon, formatira ga za nekoliko različitih široko podržanih veličina ikona i ugrađuje ih u jednu datoteku. ICO datoteke pružaju favikone veće rezolucije od 16x16 piksela za uređaje koji ih podržavaju.
4. korak
Prijavite se na uslugu hostinga svoje web stranice i prenesite PNG ili ICO datoteku na medijski poslužitelj svoje web stranice. Kopirajte URL prenesene datoteke; trebat će vam da priložite favicon na stranicu.
Korak 5
Otvorite svoj program za uređivanje web-mjesta i dodajte sljedeći kod, izmijenjen URL-om favicon datoteke kako je naznačeno, u odjeljak svoje web stranice.
Za PNG datoteke:
Za ICO datoteke:
Osim ako ne koristite web-mjesto pod CMS-om ili ne uključujete odjeljak koji se temelji na datoteci, morat ćete dodati kod svakoj stranici na kojoj želite imati ikonu. Favicon se pojavljuje nakon što spremite i ažurirate stranice web-mjesta.
Savjet
Programi za uređivanje fotografija kao što su Photoshop i Corel Draw dobro rade za dizajn i formatiranje ikone. Alternativno, možete koristiti besplatne programe poput Paint.net i Pixlr.
Upozorenje
Neki preglednici automatski pridružuju slikovnu datoteku koja se nalazi u direktoriju /favicon kao favicon; međutim, organizacija W3C obeshrabruje ovu praksu jer to nije univerzalno podržani standard i suprotan je principima web arhitekture. Osim toga, mnoge usluge web-hostinga i CMS sustavi ne dopuštaju korisniku postavljanje medijskog sadržaja izvan direktorija medijskih datoteka, što ovu praksu čini nemogućom.
