En favicon-pakke er let at undervurdere. Mange mennesker tænker på det som et lille billede i en browserfane, men et moderne websted har normalt brug for et lille sæt relaterede aktiver. Browserfaneikonet er kun én overflade. Mobilgenveje, Android-ikoner, Apple-berøringsikoner og manifestreferencer kan alle have brug for deres egne filer.
Det praktiske mål er ikke at samle alle mulige ikonvarianter. Målet er at sende en fokuseret pakke, der dækker almindelige browser- og app-lignende overflader uden at gøre lanceringsforberedelse til manuel eksportarbejde. Favicon / App Icon Generator i Converty er bygget op omkring det job: start fra ét firkantet billede og download en pakke med de fælles filer sammen.
Kernefilen er stadig favicon.ico
favicon.ico forbliver den mest velkendte favicon-fil. Det er det aktiv, folk forventer at se forbundet med browserfaner, bogmærker og ældre favicon-konventioner.
Selv når et websted også indeholder PNG-ikoner og et webmanifest, er favicon.ico stadig nyttigt, fordi det dækker en traditionel sti, som mange browsere og værktøjer forstår. For et simpelt websted er det ofte den første fil, nogen tjekker, når faneikonet ikke ser rigtigt ud.
PNG-ikoner dækker moderne overflader
Moderne ikonpakker inkluderer normalt PNG-filer i flere størrelser. Forskellige browsere, genveje og visningskontekster kan bruge forskellige dimensioner. Eksport af kun én størrelse kan lade browseren eller enheden skalere billedet, hvilket kan få små ikoner til at se bløde eller overfyldte ud.
Det er derfor, kildekunst er vigtig. Et firkantet, enkelt, læsbart billede giver bedre resultater på tværs af pakken end en detaljeret grafik, der er presset ind i flere størrelser. Converty kan ikke forvandle et komplekst logo til et perfekt lille mærke, men det kan fjerne det gentagne eksportarbejde, når først du har en passende kilde.
Apple touch-ikoner og Android-ikoner tjener forskellige overflader
Apple-berøringsikoner bruges til genvejsflader til Apple-enheder. Android-klare ikoner understøtter relaterede installationer og genveje på Android-orienterede overflader.
Disse filer er lette at glemme, fordi de ikke altid er synlige under en normal browserkontrol. Siden kan se fint ud på en fane, mens den stadig mangler aktiver, der betyder noget, efter at nogen har gemt det på en enheds startskærm. En komplet pakke gør det mindre sandsynligt.
Hvis du beslutter dig for, om et Apple-berøringsikon er adskilt fra et favicon, skal du læse Apple Touch Icon vs Favicon: What Should a Modern Site Include?.
Manifestet binder app-lignende overflader sammen
En starter site.webmanifest giver en webapp eller et websted et sted at beskrive ikoner og relaterede displaymetadata. Det er ikke en erstatning for selve ikonfilerne. Det peger på dem, så kompatible overflader kan forstå, hvilke aktiver der er tilgængelige.
Derfor inkluderer Converty et startmanifest i pakken. Den genererede fil giver dig et praktisk udgangspunkt, men du skal stadig placere aktiverne i dit projekt og referere til dem fra dit webstedsopsætning.
En praktisk favicon-pakke-tjekliste
En fokuseret favicon-pakke bør normalt indeholde:
favicon.ico- flere PNG-ikonstørrelser
- Apple touch ikon output
- Android-klar ikonoutput
- en starter
site.webmanifest
Dette er nok til mange små websteder, SaaS-lanceringer, marketingsider og dokumentationsprojekter. Mere specialiserede opsætninger kan have brug for ekstra platformspecifikke aktiver, men den fælles pakke får det rutinemæssige arbejde af vejen.
Åbn Favicon / App Icon Generator, når du har ét firkantet kildebillede og har brug for de almindelige favicon-pakkefiler samlet i én eksport. For den bredere arbejdsgang, læs Sådan genereres en komplet favicon-pakke fra ét billede.
