Utilia
Kategorier ▾
Sprog: da ▾

Billede til Base64-konverter

Konvertér et billede til Base64 eller en data-URI med CSS og HTML klar til indsættelse, eller afkod Base64 til et billede med eksempel. Gratis og privat.

Billede → Base64

Base64 → billede

Sådan konverterer du et billede til Base64

  1. Under Billede → Base64 slipper du et billede i dropzonen eller klikker på den for at vælge et (PNG, JPEG, GIF, WebP, SVG, ICO, BMP, AVIF …).
  2. Vælg Output: Data-URI (data:image/png;base64,…), Kun Base64, CSS background-image eller HTML -tag, som også indeholder billedets bredde og højde.
  3. Klik på Kopiér, eller på Download som .txt til lange resultater.

Linjen under dropzonen viser det rigtige format (læst fra filens bytes, ikke fra navnet), dimensionerne, filstørrelsen og længden af data-URI’en.

Sådan konverterer du Base64 tilbage til et billede

  1. Under Base64 → billede indsætter du teksten i Base64-tekst eller data-URI. Du kan indsætte en ren Base64-streng, en komplet data-URI eller endda en hel CSS-regel eller et <img>-tag: data-URI’en findes inde i den. Linjeskift og mellemrum ignoreres, og URL-sikker Base64 (med - og _) virker også.
  2. Klik på Afkod billede. Eksemplet, typen, dimensionerne og størrelsen vises.
  3. Klik på Download billede for at gemme det med den rigtige filendelse.

Typen kontrolleres med filens »magic bytes«, signaturen i begyndelsen af hvert billedformat (for eksempel 89 50 4E 47 til PNG eller FF D8 FF til JPEG). Hvis en data-URI hævder at være image/jpeg, men indeholder en PNG, siger værktøjet det og bruger den rigtige type. Alt, der ikke er et genkendt billede, afvises, og grænsen er 20 MB billeddata.

Sådan virker Base64

Base64 laver hver 3 bytes af en fil om til 4 tegn, der kan udskrives, hentet fra A–Z, a–z, 0–9, + og /, med = som udfyldning til sidst. Derfor er den kodede tekst ca. 33 % større end filen: et ikon på 30 KB bliver til ca. 40 KB tekst. En data-URI tilføjer en kort header, data:<type>;base64,, så en browser ved, hvordan den skal læses.

Hvornår du bør indlejre billeder som data-URI’er

Data-URI’er er praktiske til:

  • små ikoner, logoer og baggrunde i CSS, så du sparer en forespørgsel;
  • HTML-mails og HTML-dokumenter i én fil, der skal virke uden eksterne filer;
  • JSON-API’er og konfigurationsfiler, der kun kan indeholde tekst.

De passer dårligt til store fotos. Teksten er en tredjedel større end filen, den kan ikke caches adskilt fra den side eller det typografiark, der indeholder den, og den forsinker visningen. Over ca. 10 til 100 KB vinder en almindelig billedfil med god caching som regel, og derfor viser værktøjet en påmindelse ved billeder over 100 KB.

Alt kører i din browser: billeder og indsat tekst uploades aldrig.

Ofte stillede spørgsmål

Er Base64 en måde at komprimere eller beskytte et billede på?

Nej. Base64 gør dataene ca. 33 % større, og alle kan afkode dem. Det laver blot binære data om til tekst, der kan komme steder hen, hvor binære data ikke kan.

Hvorfor vises min data-URI ikke?

De hyppigste årsager er en manglende eller forkert type i headeren, mellemrum eller anførselstegn indsat midt i strengen eller afkortet tekst. Indsæt den under Base64 → billede: værktøjet melder ugyldige tegn og kontrollerer den rigtige type.

Kan jeg bruge en SVG som data-URI?

Ja. SVG kan Base64-kodes som ethvert billede. Til SVG er en URL-kodet data-URI (data:image/svg+xml,%3Csvg…) ofte kortere; dette værktøj afkoder begge former.

Virker det med HEIC- eller AVIF-billeder?

Kodning virker med alle billedfiler. Eksemplet vises kun, hvis din browser kan vise formatet, men Base64-teksten og downloaden er altid korrekte.

Er der en størrelsesgrænse?

Ja, 20 MB billeddata i begge retninger. Større strenge gør browsere langsomme og er sjældent en god idé på en webside.

Relaterede værktøjer