Billede ⇔ Base64 Konverter

Konverter mellem billedfiler og Base64 (Data URI)

Kod billeder til Base64 Data URI eller afkod Base64 strenge tilbage til billeder. Understøtter formaterne PNG, JPEG, GIF og WebP. Nem træk-og-slip betjening. Al behandling foregår i din browser - ingen data gemmes eller overføres.

Sådan Bruger du Værktøjet

Konverter i 3 nemme trin:

Vælg konverteringstilstand
Vælg enten fanen 'Billede → Base64' eller 'Base64 → Billede'.
Indtast dine data
I billedtilstand: træk og slip eller vælg en billedfil. I Base64-tilstand: indsæt din Base64 streng.
Brug resultatet
Konverteringsresultater vises øjeblikkeligt. Kopier Base64 med kopieringsknappen, eller download billedet med download-knappen.

Beskyttelse af Personlige Oplysninger: Al behandling foregår i din browser. Billeddata sendes eller gemmes aldrig på nogen server.

Billede ⇔ Base64 Konverter

📁

Træk og slip billedfil her, eller klik for at vælge

Understøttede formater: PNG, JPEG, GIF, WebP, SVG (maks. 10MB anbefales)

Forhåndsvisning

Filnavn

Filstørrelse

Dimensioner

Format

Base64 Kodet Resultat (Data URI)

Indtast Base64 streng

Forhåndsvisning

Praktiske Anvendelsestilfælde for Billede Base64 Konvertering

Base64-kodning af billeder bruges almindeligvis i webudvikling til følgende formål:

1. Indlejring af billeder i HTML eller CSS

Indlejr små ikoner eller logo-billeder direkte i HTML <img> tags eller CSS background-image egenskaber for at reducere HTTP-anmodninger og forbedre sidens indlæsningshastighed. Særligt nyttigt som et alternativ til ikon-fonte.

2. Alternativ til CSS sprites

I stedet for at kombinere flere små billeder i én 'CSS sprite'-fil, kan du kode hvert billede til Base64 og indlejre det i CSS for nemmere styring.

3. Indlejring af billeder i HTML-e-mails

Nogle e-mailklienter blokerer for ekstern billedindlæsning. Indlejring af vigtige billeder (som logoer) som Data URIs sikrer, at de vises pålideligt.

4. Billedoverførsel via REST API

Ved afsendelse/modtagelse af billeddata via JSON API'er tillader Base64-kodning håndtering af binære data som tekstformat. Overfør billeder i simpelt JSON-format uden multipart-kommunikation.

5. Offline applikationer

I Progressive Web Apps (PWA) eller Electron-apps sikrer indlejring af Base64-kodede billeder i HTML, at billeder vises pålideligt, selv i offline-miljøer.

6. Udvikling af mobilapps

Brug af Base64-kodede billeder i cross-platform frameworks som React Native, Ionic og Flutter forener billedhåndtering på tværs af platforme.

Hvad er Data URI? Forstå Mekanismen

Data URI (også kaldet Data URL) er et URL-skema, der tillader indlejring af små filer som billeder eller fonte direkte i HTML eller CSS. Den konverterer filindhold til tekst ved hjælp af Base64-kodning og repræsenterer det som en del af en URL.

Data URI Format

Data URI er skrevet i følgende format:

data:[MIME type];[kodningsmetode],[kodede data]

Eksempel (PNG):
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA...

Fordele ved Data URI

Reduceret HTTP-anmodninger: Ingen eksterne filanmodninger er nødvendige, hvilket forbedrer sidens indlæsningshastighed
Samlet i én fil: Komplet i en enkelt HTML- eller CSS-fil for nem distribution og styring
Pålidelig visning: Undgår brudte eller blokerede eksterne billedlinks

Ulemper ved Data URI

Øget filstørrelse: Base64-kodning øger datastørrelsen med cirka 33%
Lavere cache-effektivitet: Opdatering af billeder kræver gen-download af hele HTML/CSS-filen
Reduceret læsbarhed: Kildekoden bliver lang og sværere at vedligeholde

Bedste Praksis

Hvornår skal man bruge Data URI

✅ Små ikoner eller logoer (5KB eller mindre anbefales)
✅ Ofte brugte dekorative billeder (knapbaggrunde osv.)
✅ Vigtige billeder, der kræver offline understøttelse

Hvornår skal man IKKE bruge Data URI

❌ Store billeder (10KB+): Filstørrelsen bliver for stor
❌ Billeder, der ofte opdateres: Dårlig cache-effektivitet
❌ Billeder, der genbruges på flere sider: Duplikeret indlejring på hver side

⚠️ Generelt anbefales det at bruge Data URI til små billeder (5KB eller mindre). For større billeder er standard <img> tags eller ekstern filindlæsning mere effektiv.

Ofte Stillede Spørgsmål (OSS)

Hvilke billedformater understøttes?

Alle browserunderstøttede billedformater, herunder PNG, JPEG, GIF, WebP og SVG, kan konverteres. PNG og JPEG er de mest almindelige.

Er der en størrelsesbegrænsning for billedkonvertering?

Der er ingen teknisk grænse, men af hensyn til ydeevne og browserhukommelse anbefales 10MB eller mindre. I praksis er billeder på 5KB eller mindre mest effektive.

Hvor meget øges billedstørrelsen ved Base64-kodning?

Base64-kodning øger filstørrelsen til cirka 133% af originalen (ca. 33% stigning). For eksempel bliver et 9KB billede en Base64-streng på ca. 12KB.

Kan gennemsigtige PNG-billeder Base64-konverteres?

Ja, gennemsigtige PNG-billeder kan konverteres som de er. Gennemsigtighedsinformationen bevares, så de vises korrekt med gennemsigtighed, når de indlejres i HTML eller CSS.

Hvordan indlejrer jeg Base64 strengen i HTML?

Indsæt direkte i src-attributten for <img> tagget. Eksempel: <img src="data:image/png;base64,iVBORw0KG...">

Hvordan bruges det som background-image i CSS?

Indsæt inde i url()-funktionen således: background-image: url('data:image/png;base64,iVBORw0KG...');

Gemmes uploadede billeder på serveren?

Nej, al behandling foregår i din browser. Billeddata sendes aldrig til nogen server.

Kan jeg bruge dette til kommercielle hjemmesider?

Ja, dette værktøj er helt gratis og kan frit bruges til både kommercielle og ikke-kommercielle formål.