Favicon paket lako je podcijeniti. Mnogi o njemu razmišljaju kao o jednoj sitnoj slici u kartici preglednika, ali moderna stranica obično treba mali skup povezanih asseta. Ikona kartice preglednika samo je jedna površina. Mobilni prečaci, Android ikone, Apple touch ikone i manifest reference mogu trebati vlastite datoteke.
Praktičan cilj nije skupiti svaku moguću varijantu ikone. Cilj je isporučiti fokusirani paket koji pokriva česte pregledničke i app-like površine bez pretvaranja launch pripreme u ručni export. Convertyjev generator favicona / ikona aplikacije izgrađen je oko tog posla: krenite od jedne kvadratne slike i preuzmite bundle s uobičajenim datotekama zajedno.
Osnovna datoteka i dalje je favicon.ico
favicon.ico ostaje najpoznatija favicon datoteka. To je asset koji ljudi očekuju vidjeti povezan s karticama preglednika, bookmarkovima i starijim favicon konvencijama.
Čak i kada stranica uključuje PNG ikone i web manifest, favicon.ico je i dalje koristan jer pokriva tradicionalni put koji mnogi preglednici i alati razumiju. Za jednostavnu stranicu često je prva datoteka koju netko provjeri kada ikona kartice 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 preglednici, prečaci i display konteksti mogu koristiti različite dimenzije. Izvoz samo jedne veličine može prepustiti pregledniku ili uređaju skaliranje slike, zbog čega male ikone mogu izgledati mekano ili prenatrpano.
Zato je izvorni artwork važan. Kvadratna, jednostavna i čitljiva slika daje bolje rezultate kroz cijeli paket nego detaljna grafika stisnuta u više veličina. Converty ne može pretvoriti složen logo u savršenu sitnu oznaku, ali može ukloniti ponavljajući export posao nakon što 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 orijentiranim površinama.
Te je datoteke lako zaboraviti jer nisu uvijek vidljive tijekom uobičajene desktop provjere u pregledniku. Stranica može izgledati dobro u kartici, a svejedno joj mogu nedostajati asseti koji su važni nakon što je netko spremi na početni zaslon uređaja. Potpuni paket smanjuje tu vjerojatnost.
Ako odlučujete je li Apple touch ikona odvojena od favicona, pročitajte Apple Touch Icon vs Favicon: što moderna stranica treba uključiti?.
Manifest povezuje app-like površine
Početni site.webmanifest daje web aplikaciji ili stranici mjesto za opis ikona i povezanih display metapodataka. Nije zamjena za same datoteke ikona. Upućuje na njih kako bi kompatibilne površine razumjele koji su asseti dostupni.
Zato Converty uključuje početni manifest u paket. Generirana datoteka daje praktičnu početnu točku, ali i dalje trebate smjestiti assete u projekt i referencirati ih iz postava stranice.
Praktičan checklist favicon paketa
Fokusirani favicon paket obično treba uključivati:
favicon.ico- više veličina PNG ikona
- Apple touch icon output
- Android-ready icon output
- početni
site.webmanifest
To je dovoljno za mnoge male stranice, SaaS lansiranja, marketing stranice i dokumentacijske projekte. Specijaliziraniji setupi mogu trebati dodatne platform-specific assete, ali uobičajeni paket uklanja rutinski posao.
Otvorite generator favicona / ikona aplikacije kada imate jednu kvadratnu izvornu sliku i trebate uobičajene datoteke favicon paketa u jednom exportu. Za širi workflow pročitajte Kako generirati potpuni paket favicona iz jedne slike.
