Dotyková ikona Apple a ikona favicon spolu súvisia, ale nejde o ten istý súbor slúžiaci na rovnaký účel. Favicon sa zvyčajne spája s kartami prehliadača, záložkami a známym prehliadačom Chrome. Dotyková ikona Apple je určená pre plochy skratiek zariadenia Apple, kde sa stránka môže javiť skôr ako ikona aplikácie.
Zmätok je pochopiteľný, pretože oba súbory v mnohých projektoch začínajú od rovnakej značky. Zdrojovým umeleckým dielom môže byť jeden štvorcový obrázok, ale balík musí slúžiť rôznym povrchom. To je dôvod, prečo by sa moderný pracovný postup favicon nemal zastaviť pri jedinom súbore favicon.ico.
Čo robí favicon
Favicon je malá vizuálna značka, ktorú používatelia vidia na kartách prehliadača, záložkách, histórii a súvisiacich rozhraniach prehliadača. Pomáha používateľom rýchlo rozpoznať stránku, keď je otvorených niekoľko kariet.
Klasický súbor je favicon.ico, hoci mnohé moderné nastavenia obsahujú aj súbory s ikonami PNG. Pri rutinnom spúšťaní stránok je ponechanie favicon.ico v balíku stále praktické, pretože pokrýva známe očakávania a cesty kompatibility.
Čo robí dotyková ikona Apple
Dotyková ikona Apple sa používa, keď je lokalita uložená na povrchoch zariadenia Apple, ako sú skratky na domovskej obrazovke. Nie je to len malá značka záložky. Musí fungovať ako ikona v kontexte, ktorý sa viac podobá aplikácii.
To mení konštrukčný tlak. Ikona karty prehliadača môže byť veľmi malá. Dotyková ikona sa môže zdať väčšia, ale zároveň musí pôsobiť čisto, vycentrovane a rozpoznateľne ako samostatná značka. Rovnaký zdrojový obrázok môže fungovať pre oba, ak je jednoduchý a štvorcový, ale výstupy musia byť stále správne zabalené.
Prečo moderné stránky často potrebujú oboje
Ak má váš web iba ikonu favicon, prostredie prehliadača na počítači môže vyzerať dobre, zatiaľ čo povrchy odkazov pre mobilné zariadenia sú neúplné alebo nekonzistentné. Ak sa váš balík zameriava iba na dotykové ikony, stále vám môže chýbať tradičná cesta karty prehliadača.
Pre spustenie SaaS, dokumentačnú stránku, produktovú mikrostránku alebo malú webovú aplikáciu je praktická odpoveď zvyčajne oboje. Chcete balík, ktorý pokrýva karty prehliadača a skratky podobné aplikáciám bez toho, aby ste niekoho žiadali, aby ručne exportoval každý variant ikony.
Toto je miesto, kde sa hodí generátor ikon favicon / aplikácií. Z jedného štvorcového zdrojového obrázka generuje favicon.ico, ikony PNG, dotykové ikony Apple, ikony pripravené pre Android a štartér site.webmanifest.
Zdrojové umelecké dielo je zdieľané obmedzenie
Najväčším faktorom kvality je zdrojový obrázok. Tá istá značka musí prežiť viacero povrchov a veľkostí. Detailné ilustrácie, malý text a kresba od okraja po okraj zvyčajne fungujú zle. Jednoduchý tvar s dostatočnou výplňou zostane s väčšou pravdepodobnosťou rozpoznateľný.
Converty obsahuje kruhovú možnosť pre výstupy prehliadača a Androidu, zatiaľ čo dotykové ikony Apple zostávajú štvorcové. Na tom záleží, keď vaša značka funguje lepšie v kruhovom ráme, ale stále chcete, aby si povrchy Apple zachovali očakávanú hranatú úpravu.
Praktické rozhodnutie
Použite favicon, keď potrebujete rozpoznanie prehliadača. Ak vás zaujímajú povrchy skratiek Apple, použite dotykovú ikonu Apple. Ak chcete, aby bola stránka hotová v oboch prípadoch, použite kompletný balík.
Podrobnejší kontrolný zoznam súborov nájdete v časti Aké súbory potrebujete v balíku Favicon?. Keď ste pripravení exportovať prostriedky, otvorte Favicon / App Icon Generator, nahrajte jeden štvorcový zdrojový obrázok, skontrolujte balík a stiahnite si ZIP.
