En Apple touch-ikon och en favicon är relaterade, men de är inte samma fil som tjänar samma syfte. En favoritikon associeras vanligtvis med webbläsarflikar, bokmärken och välbekant webbläsare chrome. En Apple-pekikon är avsedd för genvägsytor för Apple-enheter, där webbplatsen kan se ut mer som en appikon.
Förvirringen är förståelig eftersom båda filerna utgår från samma varumärke i många projekt. Källkonstverket kan vara en kvadratisk bild, men paketet måste tjäna olika ytor. Det är därför ett modernt favicon-arbetsflöde inte bör stanna vid en enda favicon.ico-fil.
Vad en favicon gör
En favoritikon är den lilla visuella markören som användare ser i webbläsarflikar, bokmärken, historik och relaterade webbläsargränssnitt. Det hjälper användare att känna igen webbplatsen snabbt när flera flikar är öppna.
Den klassiska filen är favicon.ico, men många moderna inställningar inkluderar även PNG-ikonfiler. För rutinmässiga webbplatslanseringar är det fortfarande praktiskt att behålla favicon.ico i paketet eftersom det täcker välbekanta förväntningar och kompatibilitetsvägar.
Vad en Apple touch-ikon gör
En Apple-pekikon används när en webbplats sparas på Apple-enhetsytor som genvägar på startskärmen. Det är inte bara en liten flikmarkör. Det måste fungera som en ikon i ett mer appliknande sammanhang.
Det förändrar designtrycket. En webbläsarflikikon kan vara extremt liten. En pekikon kan verka större, men den måste också kännas ren, centrerad och igenkännbar som ett fristående märke. Samma källkonstverk kan fungera för båda om det är enkelt och fyrkantigt, men utdata måste fortfarande paketeras korrekt.
Varför moderna webbplatser ofta behöver båda
Om din webbplats bara har en favoritikon kan webbläsarupplevelsen på skrivbordet se bra ut medan mobila genvägsytor känns ofullständiga eller inkonsekventa. Om ditt paket bara fokuserar på pekikoner kan du fortfarande missa den traditionella webbläsarflikens sökväg.
För en SaaS-lansering, dokumentationssida, produktmikrowebbplats eller liten webbapp är det praktiska svaret vanligtvis båda. Du vill ha ett paket som täcker webbläsarflikar och appliknande genvägar utan att be någon att manuellt exportera varje ikonvariant.
Det är här Favicon / App Icon Generator passar. Den genererar favicon.ico, PNG-ikoner, Apple-pekikoner, Android-klara ikoner och en startbild site.webmanifest från en fyrkantig källbild.
Källkonstverk är den delade begränsningen
Den största kvalitetsfaktorn är källbilden. Samma märke måste överleva flera ytor och storlekar. Detaljerade illustrationer, liten text och kant-till-kant-konstverk fungerar vanligtvis dåligt. En enkel form med tillräckligt med stoppning är mer sannolikt att förbli igenkännbar.
Converty inkluderar ett cirkulärt alternativ för webbläsare och Android-utgångar medan Apple touch-ikoner förblir fyrkantiga. Det spelar roll när ditt varumärke fungerar bättre inuti en cirkulär ram men du fortfarande vill att Apple-ytor ska behålla sin förväntade kvadratiska behandling.
Det praktiska beslutet
Använd en favicon när du behöver webbläsarigenkänning. Använd en Apple-pekikon när du bryr dig om Apple-genvägsytor. Använd ett komplett paket när du vill att sajten ska kännas färdig över båda.
För en djupare filchecklista, läs Vilka filer behöver du i ett faviconpaket?. När du är redo att exportera tillgångarna, öppna Favicon / App Icon Generator, ladda upp en kvadratisk källbild, granska paketet och ladda ner ZIP.
