Favicon veličina u pikselima. Ikona web-mjesta: izradite i uredite

Ovo je samo mala slika, i koliko je oko nje hipe. Ikona web-mjesta je ono s čime bi svaki resurs koji poštuje sebe trebao biti opremljen, jer je to favicon koji prikazuje korporativni identitet tvrtke. No, što je favicon, što je njegova veličina, kako dodati ovu sliku na stranicu? Sve je napisano u članku.

Ovo je favicon

Ako doslovno prevedete taj izraz, dobivate "omiljenu sliku". Ova riječ dolazi od kombinacije dviju engleskih riječi: favorita, što znači izabrane riječi, i ikone, odnosno slike ili ikone.

Lokacija favicons - adresni redak web-resursa na kartici preglednika ili popis omiljenih oznaka. U nekim tražilicama, favicons se nalaze u blizini resursa na stranicama za pretraživanje. Na primjer, u "Yandex". Također je vrijedno napomenuti da algoritmi pretraživanja za ovaj sustav pri traženju rezultata prvo daju prednost resursima koji imaju ikonu za stranicu.

Stoga nemojte zanemariti značaj ove slike. Neka veličina favicon i mala, to je brand resursa, privlači korisnike i utječe na kompilaciju prvog dojma o mjestu.

Sa stranica povijesti

Prvi put se takav pojam kao "favicon" pojavio 1999. godine. Tada je tvrtka "Microsoft" objavila novu verziju preglednika Explorer. U ovoj ažuriranoj verziji preglednika Internet Explorer -5 postalo je moguće koristiti favicon. Da biste to učinili, morali ste učitati sliku s proširenjem .ico u mapu glavne web-lokacije.

Preuzeta slika trebala bi imati format http:// “ime web-mjesta” /favicon.ico. Samo u tom slučaju preglednik može koristiti odgovarajuću favicon veličinu na popisu oznaka i blizu adresne trake web-lokacije koja se nalazi u oznakama. No, to je odavno zastarjela tehnologija, sada je ikona web-lokacije podržana na web-lokacijama i bez oznaka. Osim toga, dostupni su različiti formati omiljenih slika. Sada možete koristiti ne samo sliku s .ico ekstenzijom, već i .jpg, .png, .gif i .jpeg formate.

Značajke formata

Kao što je ranije spomenuto, samo je slika s proširenjem .ico korištena kao favicon. I to je puno pojednostavilo zadatak, mogli ste uzeti slike koje volite kako bi odgovarale veličini favikona i jednostavno promijeniti proširenje. Sada su u to uključene posebne usluge, ali zbog činjenice da se broj formata povećao, morate imati barem osnovno znanje o njihovim značajkama.

Najčešći formati za danas su .png i .ico:

• , ico - ovaj format je savršen za Windows. Slike s ovim nastavkom imaju različite razlučivosti i dubine boja. To jest, dubina bita, koja karakterizira informacije o boji za svaki piksel i čini sliku točnijom. Za Internet Explorer ovo je izvrsno rješenje jer se ovdje mogu koristiti favikoni različitih veličina.
• , png - datoteke ovog proširenja prikladnije su za korištenje. To se objašnjava činjenicom da za stvaranje ikone web-mjesta nisu potrebni dodatni alati. Štoviše, format podržava kanal maske, pomoću kojeg možete stvoriti sliku najmanje veličine bez gubitka kvalitete slike. Jedino što je ovaj format lošiji od prethodnog jest nemogućnost prikazivanja ikone u Internet Exploreru.

Ostala proširenja

Što se tiče ostalih formata, svaki od njih ima svoje prednosti i nedostatke. Svi se prikazuju ovisno o prikazanom pregledniku. Na primjer, .gif slike nisu kompatibilne sa starijim preglednicima. Na slikama .jpg nedostaje kvaliteta i jasnoća slike, ali postoje glatki prijelazi između boja. Favicons formata .svg imaju izvrsnu kvalitetu slike, samo su dostupni samo u pregledniku Opera.

Animirana ikona .apng stranice ostaje upitna, jer pokretna slika može odvratiti pažnju korisnika od osnovnih informacija. S jedne strane, on alocira resurs među ostalima, as druge strane, može biti neugodno uz stalno treperenje.

Veličina je važna

U klasičnoj verziji veličina ikone iznosi približno 16ˣ16 piksela. Barem je tako bilo sve do nedavno. No, s razvojem tehnologije, veličina favikona je počela rasti. Sada je maksimalna veličina ikone 64x64 piksela. Ova dinamika širenja omiljene slike potaknuta je željom (i, shodno tome, sposobnošću) korisnika da spremaju prečace web-mjesta u svojim mapama ili na radnoj površini kako bi imali brz pristup.

Danas postoji 5 veličina favikona:

• 16x16;
• 24x24;
• 32x32;
• 48x48;
• 64x64;

Dodavanje ikone

Sve ove dimenzije trebale bi stati u jedan favicon na stranici, a to donekle komplicira zadatak stvaranja omiljene slike. Ali danas, svi preglednici imaju funkciju igranja favikona zasebno za svaku stranicu. To jest, ovisno o zahtjevu, preglednici automatski biraju veličinu favikona za web-lokaciju.

Da biste instalirali ikonu na web-lokaciji, trebate slijediti jednostavan algoritam:

1. Prvo, trebate stvoriti ikonu. Ovaj proces ne smije uzrokovati neugodnosti. Prvo morate odabrati sliku koja će pozicionirati web-lokaciju, a zatim je urediti pomoću posebnog poslužitelja koji automatski prilagođava sliku standardnoj veličini favikona.
2. Drugo, potrebno je preuzeti dobiveni materijal u korijensku mapu web-mjesta.
3. I treće, unesite oznaku takav kod:

Da ne pokvari sliku

Kao što je već spomenuto, favicon je marka, lice stranice. Stoga je iznimno važno razumjeti što bi ikona trebala biti da bi privukla pozornost posjetitelja, a ne da ih otuđuje. Veličina favikona u pikselima je vrlo mala, ali ipak igra ključnu ulogu u procesu personalizacije stranice. Bilo bi logično napraviti favicon na takav način da se uklapa u cjelokupni dizajn resursa. Važno je zapamtiti da bi ikona web-mjesta trebala stvoriti prvi dojam o tome, ali ako favicon nije povezan s resursom, bolje je jednostavno ga ukloniti.

Druga stvar na koju valja obratiti pozornost jest lakoća percepcije. Ikona bi trebala biti jednostavna, tako da je svaki korisnik može razumjeti, a to se ni ne raspravlja.

Glavni zadatak favicona: prikazati ključnu temu izvora. Ali nitko ne zabranjuje da za to iskoristi svu svoju kreativnost. Na primjer, ako stranica prodaje kućanske aparate, onda možete, naravno, koristiti sliku stroja za pranje rublja ili hladnjak kao favicon. Ali kako će se taj resurs razlikovati od stotina kao što je on, i kako će onda biti zapamćen? Što ako pokušate eksperimentirati s nazivom projekta? Na primjer, "Yandex" je dugo bio prepoznatljiv zahvaljujući grimiznom slovu "I". To je glavna značajka favikona, kao marke - da se sruši u korisnikovu memoriju i okarakterizira određeno mjesto, razlikujući ga od stotina drugih.

Programi za stvaranje favikona

Danas svaki webmaster može koristiti posebne usluge za stvaranje favorita. Osim toga, postoje trodimenzionalne galerije iz kojih možete odabrati gotovu ikonu stranice, izrađenu na profesionalnoj razini. Među tvorcima stranica, IconJ Galerija je osobito popularna. To nije samo imenik, već i generator. Zainteresirani mogu odabrati ikonu za svoj izvor iz kataloga koji sadrži više od 18.000 slika ili kreirati vlastiti favicon.

Na Runetovom prostoru popularna je baza favikona iz oglasne agencije Web Audit. Što se tiče stranih resursa, najbolja opcija za kreiranje i odabir ikone web-mjesta je Favicon.cc. Ovdje možete koristiti posebne funkcije za podešavanje sheme boja, obrezivanje slike ili postavljanje dodatnih slojeva.

Stvaranje favikona ne zahtijeva posebna znanja ili jedinstvene vještine, a njegova prisutnost može značajno povećati klikovni postotak i, posljedično, povećati promet. Glavna stvar koju treba zapamtiti je da je svaka ikona brand koji bi trebao biti nezaboravan i razumljiv.