Liigu põhisisu juurde

Apple Touch Icon vs Favicon: mida peaks kaasaegne sait sisaldama?

Autor: Converty Team

Võrrelge Apple'i puuteikoone ja favicone, mõistke, miks tänapäevased saidid sageli mõlemat vajavad, ja õppige, kuidas neid ühest lähtepildist pakkida.

Apple Touch Icon vs Favicon: mida peaks kaasaegne sait sisaldama?

Apple'i puuteikoon ja favicon on seotud, kuid need ei ole sama faili, millel on sama eesmärk. Favicon on tavaliselt seotud brauseri vahekaartide, järjehoidjate ja tuttava brauseri Chrome'iga. Apple'i puuteikoon on mõeldud Apple'i seadme otseteepindadele, kus sait võib tunduda pigem rakenduse ikoonina.

Segadus on arusaadav, sest mõlemad failid algavad paljudes projektides samast kaubamärgist. Algkujutis võib olla üks ruudukujuline pilt, kuid pakend peab teenindama erinevaid pindu. Seetõttu ei tohiks kaasaegne faviconi töövoog piirduda ühe favicon.ico failiga.

Mida teeb favicon

Favicon on väike visuaalne marker, mida kasutajad näevad brauseri vahekaartidel, järjehoidjates, ajaloos ja seotud brauseri liidestes. See aitab kasutajatel saiti kiiresti ära tunda, kui mitu vahekaarti on avatud.

Klassikaline fail on favicon.ico, kuigi paljud kaasaegsed seadistused sisaldavad ka PNG-ikoonifaile. Rutiinse saidi käivitamise korral on favicon.ico pakendis hoidmine siiski otstarbekas, kuna see katab tuttavad ootused ja ühilduvuse võimalused.

Mida teeb Apple'i puuteikoon

Apple'i puutetundlikku ikooni kasutatakse siis, kui sait salvestatakse Apple'i seadme pindadele, näiteks avakuva otseteedele. See pole lihtsalt pisike vahekaardimarker. See peab töötama ikoonina rakendusetaolisemas kontekstis.

See muudab disaini survet. Brauseri vahekaardi ikoon võib olla väga väike. Puuteikoon võib tunduda suurem, kuid see peab olema ka puhas, keskel ja äratuntav eraldiseisva märgina. Üks ja sama lähtekujutis võib töötada mõlema jaoks, kui see on lihtne ja kandiline, kuid väljundid tuleb siiski õigesti pakkida.

Miks tänapäevased saidid sageli vajavad mõlemat

Kui teie saidil on ainult favicon, võib lauaarvuti brauseri kasutuskogemus hea välja näha, samas kui mobiili otseteepinnad tunduvad puudulikud või ebajärjekindlad. Kui teie pakett keskendub ainult puutetundlikele ikoonidele, võite ikkagi vahele jätta tavapärase brauseri vahekaardi tee.

SaaS-i käivitamise, dokumentatsiooni saidi, toote mikrosaidi või väikese veebirakenduse jaoks on praktiline vastus tavaliselt mõlemad. Soovite paketti, mis katab brauseri vahekaardid ja rakendusetaolised otseteed, ilma et keegi peaks iga ikoonivarianti käsitsi eksportima.

Siia sobib Favicon / App Icon Generator. See loob ühest ruudukujulisest lähtepildist favicon.ico, PNG-ikoone, Apple'i puuteikoone, Android-valmidusega ikoone ja starteri site.webmanifest.

Allikakunstiteos on jagatud piirang

Suurim kvaliteeditegur on lähtepilt. Sama märk peab vastu pidama mitmel pinnal ja erineval suurusel. Üksikasjalikud illustratsioonid, väike tekst ja servast servani ulatuvad kunstiteosed toimivad tavaliselt halvasti. Lihtne kuju, millel on piisavalt polsterdust, jääb tõenäolisemalt äratuntavaks.

Teisendus sisaldab ringikujulist valikut brauseri ja Androidi väljundite jaoks, samal ajal kui Apple'i puuteikoonid jäävad ruudukujuliseks. See on oluline, kui teie kaubamärgimärk töötab paremini ringikujulise raami sees, kuid soovite siiski, et Apple'i pinnad säilitaksid oma eeldatava ruudukujulise töötluse.

Praktiline otsus

Kasutage faviconi, kui vajate brauseri tuvastamist. Kasutage Apple'i puutetundlikku ikooni, kui hoolite Apple'i otseteepindadest. Kasutage terviklikku paketti, kui soovite, et sait oleks mõlemas osas valmis.

Sügavama faili kontroll-loendi saamiseks lugege artiklit Milliseid faile vajate Faviconi paketis?. Kui olete varade eksportimiseks valmis, avage Favicon / App Icon Generator, laadige üles üks ruudukujuline lähtekujutis, vaadake pakett üle ja laadige alla ZIP-fail.

Sulle võib ka meeldida