Preskoči na glavno vsebino

Apple Touch Icon v primerjavi z ikono Favicon: Kaj mora vsebovati sodobno spletno mesto?

Avtor: Converty Team

Primerjajte Appleove ikone na dotik in priljubljene ikone, razumejte, zakaj sodobna spletna mesta pogosto potrebujejo oboje, in se naučite, kako jih zapakirati iz ene izvorne slike.

Apple Touch Icon v primerjavi z ikono Favicon: Kaj mora vsebovati sodobno spletno mesto?

Ikona Apple touch in favicon sta povezani, vendar nista ista datoteka z istim namenom. Favicon je običajno povezan z zavihki brskalnika, zaznamki in poznanim brskalnikom Chrome. Appleova ikona na dotik je namenjena površinam bližnjic naprav Apple, kjer je spletno mesto morda videti bolj kot ikona aplikacije.

Zmeda je razumljiva, ker se obe datoteki v mnogih projektih začneta z isto znamko. Izvorno umetniško delo je lahko ena kvadratna slika, vendar mora paket služiti različnim površinam. Zato se sodoben delovni tok favicon ne bi smel ustaviti pri eni sami datoteki favicon.ico.

Kaj počne favicon

Favicon je majhen vizualni označevalec, ki ga uporabniki vidijo v zavihkih brskalnika, zaznamkih, zgodovini in povezanih vmesnikih brskalnika. Uporabnikom pomaga hitro prepoznati spletno mesto, ko je odprtih več zavihkov.

Klasična datoteka je favicon.ico, čeprav številne sodobne nastavitve vključujejo tudi datoteke ikon PNG. Za rutinske zagone spletnih mest je ohranitev favicon.ico v paketu še vedno praktična, ker pokriva znana pričakovanja in poti združljivosti.

Kaj naredi Apple ikona na dotik

Ikona Apple touch se uporablja, ko je spletno mesto shranjeno na površine naprave Apple, kot so bližnjice na domačem zaslonu. To ni le majhen označevalec zavihkov. Delovati mora kot ikona v kontekstu, ki je bolj podoben aplikaciji.

To spremeni projektni tlak. Ikona zavihka brskalnika je lahko zelo majhna. Ikona na dotik je morda videti večja, vendar mora biti tudi čista, na sredini in prepoznavna kot samostojna oznaka. Enako izvorno umetniško delo lahko deluje za oba, če je preprosto in kvadratno, vendar morajo biti rezultati še vedno pravilno zapakirani.

Zakaj sodobna spletna mesta pogosto potrebujejo oboje

Če ima vaše spletno mesto samo ikono za priljubljene, je lahko izkušnja namiznega brskalnika videti v redu, medtem ko so površine bližnjic na mobilnih napravah nepopolne ali nedosledne. Če se vaš paket osredotoča samo na ikone na dotik, lahko še vedno zgrešite tradicionalno pot zavihka brskalnika.

Za lansiranje SaaS, spletno mesto z dokumentacijo, mikrostran izdelka ali majhno spletno aplikacijo je praktičen odgovor običajno oboje. Želite paket, ki pokriva zavihke brskalnika in bližnjice, podobne aplikacijam, ne da bi morali nekoga ročno izvoziti vsako različico ikone.

Tukaj se prilega Favicon / Generator ikon aplikacij. Ustvari favicon.ico, ikone PNG, ikone Apple Touch, ikone, pripravljene za Android, in začetni site.webmanifest iz ene kvadratne izvorne slike.

Izvorno umetniško delo je skupna omejitev

Največji dejavnik kakovosti je izvorna slika. Ista oznaka mora preživeti več površin in velikosti. Podrobne ilustracije, majhno besedilo in umetnine od roba do roba so običajno slabe. Preprosta oblika z dovolj oblazinjenja bo bolj verjetno ostala prepoznavna.

Converty vključuje krožno možnost za izpise brskalnika in Androida, medtem ko ikone na dotik Apple ostanejo kvadratne. To je pomembno, če vaša blagovna znamka bolje deluje znotraj okroglega okvirja, vendar vseeno želite, da površine Apple ohranijo pričakovano kvadratno obdelavo.

Praktična odločitev

Uporabite favicon, ko potrebujete prepoznavanje brskalnika. Uporabite ikono Apple touch, ko vam je mar za površine bližnjic Apple. Uporabite celoten paket, če želite, da je spletno mesto dokončno v obeh.

Za podrobnejši kontrolni seznam datotek preberite Katere datoteke potrebujete v paketu Favicon?. Ko ste pripravljeni na izvoz sredstev, odprite Favicon/App Icon Generator, naložite eno kvadratno izvorno sliko, preglejte paket in prenesite ZIP.

Morda vam bo všeč tudi