Question 1

Hvad er et Base64-billede, og hvorfor bruge det?

Accepted Answer

Et Base64-billede er en bildefil, der er konverteret til en Base64-kodet streng. Det gør det muligt at repræsentere billedet som tekst og indlejre det direkte i HTML, CSS eller JSON uden en separat fil. Typiske anvendelser:

indlejring af små billeder i HTML/CSS for færre HTTP-forespørgsler

inkludering af billeder i JSON API-svar

indlejring af billeder i SVG-filer

oprettelse af data-URI’er til webapps

lagring af billeder i databaser uden binær support

Selvom filstørrelsen øges med ~33 %, opvejer fordelene ofte for små billeder.

Question 2

Hvordan bruger jeg Base64-billeder i HTML, CSS og JavaScript?

Accepted Answer

Eksempler:
HTML:
CSS: background-image: url('data:image/jpeg;base64,ABC123...');
JavaScript: const img = new Image(); img.src = 'data:image/png;base64,ABC123...';
Formatet er altid data:[MIME type];base64,[data]. Godt til små billeder, men større billeder bør hentes som filer.

Question 3

Hvad er fordele og ulemper ved Base64-billeder?

Accepted Answer

Fordele:

færre HTTP-forespørgsler

færre filer, nemmere deployment

kan indlejres i JSON

ingen CORS-problemer

cache opdateres med kode

Ulemper:

~33 % større filer

ingen separat cache i browser

større HTML/CSS filer

sværere at vedligeholde indlejrede billeder

performance-problemer for store billeder

Bedst til små ikoner og UI-elementer, ikke store fotos.

Question 4

Hvilke billedformater kan konverteres til Base64?

Accepted Answer

Alle formater kan konverteres. Mest brugt på nettet:

PNG (logoer, gennemsigtighed)

JPEG (fotos)

SVG (vektorgrafik)

GIF (simple animationer)

WebP (moderne komprimering)

ICO (favicons)

Korrekt MIME-type skal bruges (fx data:image/png;base64,). Værktøjet registrerer det automatisk.

Question 5

Er der en størrelsesgrænse for Base64-billeder?

Accepted Answer

Teknisk nej, men praktisk ja:

~33 % større filer

lange strenge kan gøre browseren langsom

CSS data-URI har længdebegrænsninger i visse browsere

større HTML/CSS gør sider langsommere

Anbefaling: Brug Base64 kun til små billeder (<10KB). Større billeder bør serveres via HTTP/HTTPS.

Base64 Billedekonverter – Konverter mellem billeder og Base64

Ofte stillede spørgsmål

Relaterede værktøjer

SLO-forbrugssimulator – Visualisér forbrug af Service Level Objective-budget

Tidsstempel-konverter – Unix-tid til læsbar dato

Farvemodelkonverter – Konverter mellem HEX, RGB, HSL, HSV, OKLCH, OKLAB