Sådan bruger du værktøjet
- Indsæt Base64-strengen eller data URI'en for et ikon eller for det billede, du vil lave om til et ikon.
- Tjek forhåndsvisningen og dimensionerne. Et kvadratisk kildebillede giver det pæneste ikon.
- ICO er forvalgt. Vælg én størrelse under Ikonstørrelse (16, 32, 48, 64, 128 eller 256 pixels) eller Flere størrelser.
- Download .ico-filen. Hvis inputtet allerede er en ICO, og du vil beholde alle billederne i den uændret, så vælg Originalt format.
ICO-filer i Base64
En ICO-fil er en lille container: en header, en oversigt over poster og ét billede pr. post, hvert gemt som BMP- eller PNG-data. Headeren begynder med bytene 00 00 01 00, så et ikons Base64 starter med AAABAA. Du ser Base64-ikoner i favicon-data URI'er som <link rel="icon" href="data:image/x-icon;base64,...">, i HTML-sider samlet i én fil og i API'er, der returnerer webstedsikoner.
Den registrerede MIME-type er image/vnd.microsoft.icon, men image/x-icon er langt mere udbredt og virker overalt.
Hvilken ikonstørrelse skal du vælge
| Størrelse | Typisk brug |
|---|---|
| 16 × 16 | Browserfane og bogmærke på almindelige skærme |
| 32 × 32 | Browserfane på skærme med høj pixeltæthed |
| 48 × 48 | Ikoner på skrivebordet og i Stifinder i Windows |
| 64, 128 | Større forhåndsvisninger og programlister |
| 256 × 256 | Visningerne Store ikoner og Ekstra store ikoner i Windows |
Valget med flere størrelser pakker 16, 32, 48 og 256 i én fil, så hvert system kan vælge det bedste match. Billederne indeni er PNG-komprimerede, hvilket bevarer gennemsigtigheden og understøttes af Windows Vista og nyere samt af alle moderne browsere.
Brug ikonet som favicon
Browsere henter automatisk /favicon.ico fra webstedets rod, så det virker at gemme filen der, selv uden nogen markup. En Base64-data URI i href sparer den forespørgsel, men så downloades ikonet igen med hver side i stedet for at blive cachelagret for sig. Moderne browsere accepterer også PNG- og SVG-ikoner, og en almindelig opsætning kombinerer begge:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">Start med et kvadratisk billede med enkle former og stærk kontrast; fine detaljer forsvinder ved 16 pixels. Skal du bruge en PNG-version til andre formål, så prøv Base64 til PNG.
Ofte stillede spørgsmål
Hvilken størrelse skal favicon.ico have?
Et ikon med flere størrelser, der indeholder billeder på 16, 32 og 48 pixels, dækker browsere og Windows. Valget Flere størrelser her tilføjer også 256 til store ikonvisninger.
Kan jeg konvertere en Base64-PNG eller -SVG til ICO?
Ja. Indsæt den, lad Download som stå på ICO, og vælg en størrelse. Alle billeder, din browser kan vise, kan konverteres.
Hvorfor viser forhåndsvisningen kun én størrelse af mit ikon?
En ICO-fil kan rumme flere billeder, men en forhåndsvisning viser kun ét af dem. Download som Originalt format for at beholde alle billeder i filen.
Bevarer ICO-filen gennemsigtigheden?
Ja. Ikonerne gemmes som PNG-data med en fuld alfakanal, så afrundede hjørner og bløde kanter forbliver gennemsigtige.
Hvordan lægger jeg et ikon ind i en data URI?
href i dit <link rel="icon">-tag.