Gå til hovedinnhold

Apple Touch Icon vs Favicon: Hva bør et moderne nettsted inkludere?

Av Converty Team

Sammenlign Apple touch-ikoner og favorittikoner, forstå hvorfor moderne nettsteder ofte trenger begge deler, og lær hvordan du pakker dem fra ett kildebilde.

Apple Touch Icon vs Favicon: Hva bør et moderne nettsted inkludere?

Et Apple-berøringsikon og et favorittikon er relatert, men de er ikke den samme filen som tjener samme formål. Et favorittikon er vanligvis assosiert med nettleserfaner, bokmerker og velkjent nettleser chrome. Et Apple-berøringsikon er ment for Apple-enhetssnarveisflater, der nettstedet kan se mer ut som et appikon.

Forvirringen er forståelig fordi begge filene starter fra samme merke i mange prosjekter. Kildeillustrasjonen kan være ett kvadratisk bilde, men pakken må betjene forskjellige overflater. Det er grunnen til at en moderne favicon-arbeidsflyt ikke bør stoppe ved én enkelt favicon.ico-fil.

Hva et favorittikon gjør

Et favorittikon er den lille visuelle markøren brukere ser i nettleserfaner, bokmerker, historikk og relaterte nettlesergrensesnitt. Det hjelper brukere å gjenkjenne nettstedet raskt når flere faner er åpne.

Den klassiske filen er favicon.ico, selv om mange moderne oppsett også inkluderer PNG-ikonfiler. For rutinemessige nettstedlanseringer er det fortsatt praktisk å beholde favicon.ico i pakken fordi det dekker kjente forventninger og kompatibilitetsbaner.

Hva et Apple-berøringsikon gjør

Et Apple-berøringsikon brukes når et nettsted er lagret på Apple-enhetsoverflater, for eksempel snarveier på startskjermen. Det er ikke bare en liten tabulator. Det må fungere som et ikon i en mer app-lignende kontekst.

Det endrer designpresset. Et nettleserfaneikon kan være ekstremt lite. Et berøringsikon kan virke større, men det må også føles rent, sentrert og gjenkjennelig som et frittstående merke. Det samme kildebildet kan fungere for begge hvis det er enkelt og firkantet, men utdataene må fortsatt pakkes riktig.

Hvorfor moderne nettsteder ofte trenger begge deler

Hvis nettstedet ditt bare har et favorittikon, kan nettleseropplevelsen på datamaskinen se bra ut mens mobilsnarveisflater føles ufullstendige eller inkonsekvente. Hvis pakken din kun fokuserer på berøringsikoner, kan du fortsatt gå glipp av den tradisjonelle nettleserfanen.

For en SaaS-lansering, dokumentasjonsside, produktmikroside eller liten nettapp er det praktiske svaret vanligvis begge deler. Du vil ha en pakke som dekker nettleserfaner og applignende snarveier uten å spørre noen om å eksportere hver ikonvariant manuelt.

Det er her Favicon / App Icon Generator passer. Den genererer favicon.ico, PNG-ikoner, Apple-berøringsikoner, Android-klare ikoner og en startpakke site.webmanifest fra ett firkantet kildebilde.

Kildegrafikk er den delte begrensningen

Den største kvalitetsfaktoren er kildebildet. Det samme merket må overleve flere overflater og størrelser. Detaljerte illustrasjoner, liten tekst og kant-til-kant-kunst fungerer vanligvis dårlig. En enkel form med nok polstring er mer sannsynlig å forbli gjenkjennelig.

Converty inkluderer et sirkulært alternativ for nettleser- og Android-utganger mens Apple-berøringsikonene forblir firkantede. Det betyr noe når merkevaren din fungerer bedre innenfor en sirkulær ramme, men du fortsatt vil at Apple-overflater skal beholde den forventede firkantede behandlingen.

Den praktiske avgjørelsen

Bruk et favorittikon når du trenger nettlesergjenkjenning. Bruk et Apple-berøringsikon når du bryr deg om Apple-snarveiflater. Bruk en komplett pakke når du vil at siden skal føles ferdig på begge sider.

For en dypere filsjekkliste, les Hvilke filer trenger du i en favorittpakke?. Når du er klar til å eksportere ressursene, åpner du Favicon / App Icon Generator, laster opp ett kvadratisk kildebilde, går gjennom pakken og laster ned ZIP.

Du vil kanskje også like