Slik bruker du verktøyet
- Slipp en .ico-fil i slippfeltet, klikk for å velge en, eller lim inn et bilde.
- Velg Behold originalformat, slik at alle størrelsene som er lagret i ikonet, blir med i utdataene.
- Sjekk den kodede størrelsen; et ikon med mange størrelser kan være større enn du venter.
- Kopier data URI-en til en link-tagg for favicon, eller kopier img-taggen, CSS eller Markdown.
ICO-formatet
ICO er ikonformatet i Windows og det opprinnelige favicon-formatet. Det er en container: en kort katalog lister opp ett eller flere bilder med bredde, høyde og fargedybde, og hvert bilde lagres som bitmapdata eller, for store størrelser som 256 ganger 256, som en innebygd PNG. En typisk favicon.ico inneholder versjoner på 16, 32 og 48 piksler, slik at nettleseren kan velge den skarpeste.
Den registrerte MIME-typen er image/vnd.microsoft.icon, men image/x-icon er langt vanligere, og nettlesere godtar begge. ICO-data i Base64 begynner med AAABAA, den kodede filheaderen.
En favicon som data URI
<link rel="icon" href="data:image/x-icon;base64,AAABAAEAEBA...">Et innebygd favicon er praktisk for HTML-dokumenter i én fil, som eksporterte rapporter, dashbord lagret på disk og frakoblet dokumentasjon, og for prototyper eller interne verktøy der du ikke vil publisere en egen fil. På et nettsted med mange sider er en vanlig /favicon.ico som regel bedre: den lastes ned én gang og hurtigbufres, mens en data URI gjentas i hvert HTML-svar.
Vil du ikke ha noe ikon i det hele tatt, hindrer <link rel="icon" href="data:,"> nettleseren i å be om /favicon.ico.
Favicon i ICO, PNG eller SVG
Dagens nettlesere godtar også favicons i PNG og SVG, for eksempel <link rel="icon" type="image/png" href="data:image/png;base64,...">. Én enkelt PNG på 32 ganger 32 er ofte mindre enn en ICO med flere størrelser; bruk PNG til Base64 eller SVG til Base64 for disse.
Konverterer du en ICO til PNG, JPEG eller WebP her, beholdes bare ett bilde, nemlig det nettleseren velger å vise. For å gå motsatt vei og lage en ICO-fil koder du en PNG og limer inn resultatet i Base64 til ICO, som lager ikoner fra 16 til 256 piksler.
Ofte stilte spørsmål
Bør jeg bruke image/x-icon eller image/vnd.microsoft.icon?
image/vnd.microsoft.icon er den offisielt registrerte typen, mens image/x-icon er den de fleste nettsteder bruker. Hvis et system forventer en bestemt type, redigerer du prefikset etter at du har kopiert.Beholdes alle ikonstørrelsene i Base64-utdataene?
Ja, når du beholder originalformatet. Hele filen kodes, så nettleseren kan fortsatt velge størrelsen den trenger. Konvertering til et annet format beholder bare ett bilde.
Fungerer favicons som data URI i alle nettlesere?
Dagens nettlesere på datamaskin viser dem i fanen. Bokmerker, snarveier på startskjermen og enkelte eldre nettlesere kan ignorere et innebygd ikon, så offentlige nettsteder bør fortsatt ha en favicon-fil.