Favicon paket je lako potcijeniti. Mnogi ga zamišljaju kao jednu sitnu sliku u browser tabu, ali modernom sajtu obično treba mali skup povezanih resursa. Ikona u browser tabu je samo jedna površina. Mobilne prečice, Android ikone, Apple touch ikone i manifest reference mogu trebati vlastite datoteke.
Praktični cilj nije skupiti svaku moguću varijantu ikone. Cilj je isporučiti fokusiran paket koji pokriva česte browser i app-like površine bez pretvaranja launch pripreme u ručni export. Convertyjev Generator favicona / ikona aplikacije je napravljen za taj posao: krenite od jedne kvadratne slike i preuzmite bundle s čestim datotekama zajedno.
Osnovna datoteka je i dalje favicon.ico
favicon.ico ostaje najpoznatija favicon datoteka. To je resurs koji ljudi očekuju povezati s browser tabovima, bookmarkovima i starijim favicon konvencijama.
Čak i kada sajt uključuje PNG ikone i web manifest, favicon.ico je i dalje koristan jer pokriva tradicionalnu putanju koju mnogi browseri i alati razumiju. Za jednostavan sajt to je često prva datoteka koju neko provjeri kada tab ikona ne izgleda ispravno.
PNG ikone pokrivaju moderne površine
Moderni paketi ikona obično uključuju PNG datoteke u više veličina. Različiti browseri, prečice i konteksti prikaza mogu koristiti različite dimenzije. Ako exportujete samo jednu veličinu, browser ili uređaj možda mora skalirati sliku, što male ikone može učiniti mutnim ili prenatrpanim.
Zato je izvorni artwork važan. Kvadratna, jednostavna i čitljiva slika daje bolje rezultate kroz cijeli paket nego detaljna grafika stisnuta u nekoliko veličina. Converty ne može pretvoriti kompleksan logo u savršen sitni znak, ali može ukloniti ponavljajući export posao kada imate prikladan izvor.
Apple touch ikone i Android ikone služe različitim površinama
Apple touch ikone koriste se za shortcut površine na Apple uređajima. Android-ready ikone podržavaju povezane install i shortcut slučajeve na Android orijentisanim površinama.
Te datoteke je lako zaboraviti jer nisu uvijek vidljive tokom obične desktop browser provjere. Sajt može izgledati uredno u tabu, a i dalje mu mogu nedostajati resursi koji su važni kada ga neko spremi na početni ekran uređaja. Kompletan paket smanjuje tu vjerovatnoću.
Ako odlučujete da li je Apple touch ikona odvojena od favicona, pročitajte Apple Touch Icon vs Favicon: šta moderan sajt treba uključiti?.
Manifest povezuje app-like površine
Početni site.webmanifest web aplikaciji ili sajtu daje mjesto za opis ikona i povezane display metapodatke. On nije zamjena za same datoteke ikona. Upućuje na njih kako bi kompatibilne površine razumjele koji su resursi dostupni.
Zato Converty uključuje početni manifest u paket. Generisana datoteka daje praktičnu početnu tačku, ali i dalje trebate staviti resurse u projekat i referencirati ih iz setupa sajta.
Praktična checklista favicon paketa
Fokusiran favicon paket obično treba uključiti:
favicon.ico- više PNG veličina ikona
- Apple touch icon izlaz
- Android-ready icon izlaz
- početni
site.webmanifest
To je dovoljno za mnoge male sajtove, SaaS launcheve, marketinške stranice i dokumentacijske projekte. Specijalizovaniji setupi mogu trebati dodatne platform-specific resurse, ali česti paket uklanja rutinski posao.
Otvorite Generator favicona / ikona aplikacije kada imate jednu kvadratnu izvornu sliku i trebate česte datoteke favicon paketa u jednom exportu. Za širi workflow pročitajte Kako generisati kompletan favicon paket iz jedne slike.
