En favicon-pakke er lett å undervurdere. Mange tenker på det som ett lite bilde i en nettleserfane, men et moderne nettsted trenger vanligvis et lite sett med relaterte eiendeler. Nettleserfaneikonet er bare én overflate. Mobilsnarveier, Android-ikoner, Apple-berøringsikoner og manifestreferanser kan alle trenge sine egne filer.
Det praktiske målet er ikke å samle alle mulige ikonvarianter. Målet er å sende en fokusert pakke som dekker vanlige nettleser- og applignende overflater uten å gjøre lanseringsforberedelser om til manuelt eksportarbeid. Favicon / App Icon Generator i Converty er bygget rundt den jobben: start fra ett firkantet bilde og last ned en pakke med de vanlige filene sammen.
Kjernefilen er fortsatt favicon.ico
favicon.ico er fortsatt den mest kjente favorittikonfilen. Det er ressursen folk forventer å se knyttet til nettleserfaner, bokmerker og eldre favorittikonkonvensjoner.
Selv når et nettsted også inkluderer PNG-ikoner og et nettmanifest, er favicon.ico fortsatt nyttig fordi det dekker en tradisjonell bane mange nettlesere og verktøy forstår. For et enkelt nettsted er det ofte den første filen noen sjekker når faneikonet ikke ser riktig ut.
PNG-ikoner dekker moderne overflater
Moderne ikonpakker inkluderer vanligvis PNG-filer i flere størrelser. Ulike nettlesere, snarveier og visningskontekster kan bruke forskjellige dimensjoner. Eksport av bare én størrelse kan la nettleseren eller enheten skalere bildet, noe som kan få små ikoner til å se myke eller overfylte ut.
Dette er grunnen til at kildekunst er viktig. Et firkantet, enkelt, lesbart bilde gir bedre resultater på tvers av pakken enn en detaljert grafikk presset inn i flere størrelser. Converty kan ikke gjøre en kompleks logo til et perfekt lite merke, men det kan fjerne det repeterende eksportarbeidet når du har en passende kilde.
Apple touch-ikoner og Android-ikoner tjener forskjellige overflater
Apple touch-ikoner brukes for Apple-enhetssnarveisflater. Android-klare ikoner støtter relaterte installasjons- og snarveier på Android-orienterte overflater.
Disse filene er lette å glemme fordi de ikke alltid er synlige under en vanlig nettleserkontroll. Nettstedet kan se bra ut i en fane mens det fortsatt mangler eiendeler som betyr noe etter at noen har lagret det på en enhets startskjerm. En komplett pakke gjør det mindre sannsynlig.
Hvis du bestemmer deg for om et Apple-berøringsikon er atskilt fra et favorittikon, kan du lese Apple Touch Icon vs Favicon: What Should a Modern Site Include?.
Manifestet binder applignende overflater sammen
En starter site.webmanifest gir en nettapp eller et nettsted et sted å beskrive ikoner og relaterte visningsmetadata. Det er ikke en erstatning for selve ikonfilene. Den peker på dem slik at kompatible overflater kan forstå hvilke eiendeler som er tilgjengelige.
Det er derfor Converty inkluderer et startmanifest i pakken. Den genererte filen gir deg et praktisk utgangspunkt, men du må fortsatt plassere eiendelene i prosjektet og referere til dem fra oppsettet av nettstedet.
En praktisk sjekkliste for favorittikoner
En fokusert favicon-pakke bør vanligvis inneholde:
favicon.ico- flere PNG-ikonstørrelser
- Apple touch-ikonutgang
- Android-klar ikonutgang
- en forrett
site.webmanifest
Dette er nok for mange små nettsteder, SaaS-lanseringer, markedsføringssider og dokumentasjonsprosjekter. Mer spesialiserte oppsett kan trenge ekstra plattformspesifikke eiendeler, men den vanlige pakken får det rutinemessige arbeidet ut av veien.
Åpne Favicon / App Icon Generator når du har ett firkantet kildebilde og trenger de vanlige favicon-pakkefilene samlet i én eksport. For den bredere arbeidsflyten, les Hvordan generere en komplett favorittpakke fra ett bilde.
