Kako izraditi URL logotip
Favicon je kreativan, praktičan način dodavanja suptilnog vizualnog štiha prisutnosti vaše web stranice. Favicons su male slike koje web preglednici koriste na karticama stranica i adresnim trakama. Prikazuju logotip ili sliku povezanu s web-mjestom koja djeluje kao vizualni identifikator marke pored naslova ili URL-a. Favikoni su posebno korisni identifikatori web-mjesta u pregledavanju karticama jer se raspoloživi tekstualni prostor koji se koristi za naslove stranica gotovo ništa ne smanjuje kako korisnik otvara više kartica.
1. korak
Dizajnirajte ikonu koju želite koristiti u programu za uređivanje fotografija ili grafike. Možete uzeti postojeći logotip ili sliku povezanu s vašim web-mjestom ili robnom markom i prilagoditi ih tako da budu u skladu sa standardima favicona. Favikoni uvijek imaju kvadratne dimenzije i imaju najveću podržanu veličinu od 256 x 256 piksela. Izrežite i odredite veličinu slike tako da stane u kvadrat veličine 256 puta 256 piksela ako namjeravate koristiti paket ikona za podršku više veličina. Ako namjeravate raditi samo jednu verziju, odaberite veličinu 16 sa 16 piksela.
2. korak
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. Favicons također podržavaju GIF i ICO datoteke.
3. korak
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 favicon veličina i ugrađuje ih u jednu datoteku. ICO datoteke pružaju favikone veće rezolucije od 16 x 16 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, modificiran s URL-om favicon datoteke kako je naznačeno, u
odjeljak vaše web stranice.
Za PNG datoteke:
Za ICO datoteke:
Osim ako ne koristite web mjesto koje kontrolira CMS ili uključite datoteku temeljenu na
, morat ćete dodati kod na svaku stranicu na kojoj želite da se nalazi ikona. Favicon se pojavljuje nakon što spremite i ažurirate stranice stranice.
Savjet
Programi za uređivanje fotografija kao što su Photoshop i Corel Draw dobro funkcioniraju za dizajniranje i oblikovanje ikone. Alternativno, možete koristiti besplatne programe kao što su 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 nije univerzalno podržan standard i u suprotnosti je s načelima web arhitekture. Osim toga, mnoge usluge web-hostinga i CMS sustavi ne dopuštaju korisniku da medijski sadržaj postavlja izvan direktorija s medijskim datotekama, što ovu praksu čini nemogućom.