Sådan bruger du værktøjet
- Træk billeder hen på feltet, klik på det for at vælge filer, eller indsæt et billede fra udklipsholderen. Du kan sagtens tage flere filer på én gang.
- Vælg eventuelt et målformat (PNG, JPEG eller WebP) under Konvertér til, justér Kvalitet, og angiv en Maks. bredde.
- Tjek dimensionerne, den oprindelige størrelse og den kodede størrelse, der vises for hvert billede.
- Kopiér eller download det output, du har brug for: data URI, rå Base64, img-tag til HTML, CSS background-image eller Markdown.
Sådan fungerer konvertering af billeder til Base64
Base64 omdanner bytes i en billedfil til almindelig tekst, der er opbygget af 64 forskellige tegn. Hver gruppe på 3 bytes bliver til 4 tegn, så teksten er ca. 33 % større end filen. En data URI tilføjer et kort præfiks med MIME-typen, for eksempel data:image/png;base64,, så browseren kan vise teksten alle steder, hvor den forventer en billed-URL.
Billedet læses og kodes lokalt i din browser. Det bliver ikke uploadet, så private skærmbilleder og upublicerede designs bliver på din enhed.
Hvilket output skal du kopiere?
- Data URI til
src-attributter, JavaScript og JSON-felter, der forventer en URL. - Rå Base64 til API'er, der kun vil have de kodede bytes, som regel sammen med et separat felt til MIME-typen eller filnavnet.
- HTML img-tag til at indsætte direkte i en side eller en skabelon.
- CSS background-image til ikoner og dekorationer i et stylesheet.
- Markdown til dokumentation og noter. Nogle renderere, blandt andre GitHub, viser ikke billeder, der er angivet som data URI.
Understøttede formater i overblik
De første tegn i en Base64-streng afslører filtypen, fordi de koder formatets signatur.
| Format | MIME-type | Base64 starter med |
|---|---|---|
| PNG | image/png | iVBORw0KGgo |
| JPEG | image/jpeg | /9j/ |
| WebP | image/webp | UklGR |
| GIF | image/gif | R0lGOD |
| SVG | image/svg+xml | PHN2Zy eller PD94bWw |
| BMP | image/bmp | Qk |
| ICO | image/x-icon | AAABAA |
| AVIF | image/avif | varierer |
| TIFF | image/tiff | SUkqAA eller TU0AKg |
Hvornår det kan betale sig at indlejre et billede
Data URI'er sparer en netværksforespørgsel og gør en fil selvstændig. Det passer til små ikoner og logoer på få kilobyte, HTML-rapporter i én fil, små slørede pladsholdere og billeder, der sendes i JSON. Til store fotos er de et dårligt valg: Den ekstra tredjedel i størrelse, den manglende separate cachelagring i browseren og en tungere HTML- eller CSS-fil, der skal downloades, før noget kan vises, koster som regel mere end den forespørgsel, de sparer. Hvis dit websted sender en Content-Security-Policy, skal indlejrede billeder desuden have data: med i img-src.
Ofte stillede spørgsmål
Bliver mine billeder uploadet til en server?
Nej. Browseren læser hver fil og koder den på din enhed. Intet bliver sendt til base64.is eller nogen andre steder.
Hvorfor er Base64-teksten større end billedet?
Base64 bruger 4 tegn for hver 3 bytes, så resultatet bliver ca. 33 % større, plus data URI-præfikset. Vil du gøre det kortere, kan du angive en Maks. bredde eller konvertere til WebP eller JPEG med lavere kvalitet.
Kan jeg konvertere flere billeder på én gang?
Ja. Vælg eller træk flere filer ind. Hvert billede får sin egen forhåndsvisning, sine egne størrelser og sine egne outputs, hver med knapperne Kopiér og Download.
Virker Base64-billeder i HTML-mails?
cid:, mere pålidelige.