Hvad er Billede til Base64-konvertering?

Gratis online billede til Base64-konvertering. Upload eller træk-og-slip billeder (PNG, JPG, GIF, WebP, SVG, BMP) og konvertér til Base64 data URI.

Base64-indkodning konverterer binære billeddata til en tekststreng, der kun bruger ASCII-tegn, hvilket gør det muligt at indlejre billeder direkte i HTML, CSS og JSON uden separate HTTP-forespørgsler. Image to Base64 Converter håndterer denne konvertering for almindelige billedformater — PNG, JPG, GIF, WebP, SVG og BMP — og producerer output i tre nyttige formater.

Værktøjet modtager billeder via træk-og-slip eller filvælger. Når billedet er indlæst, viser forhåndsvisningen den uploadede fil sammen med metadata: filnavn, størrelse, type og pixeldimensioner. Disse oplysninger hjælper dig med at bekræfte, at du arbejder med det rigtige billede, før konverteringen. Konverteringen foregår helt i din browser via FileReader API, så billeddata forlader aldrig din enhed.

Tre outputformater er tilgængelige. Data URI producerer en komplet streng, der starter med data:image/png;base64,... som kan bruges direkte i HTML img src-attributter og CSS background-image-egenskaber. Raw Base64 outputter kun den base64-indkodede streng uden data URI-præfikset, nyttigt, når du kun har brug for de indkodede data til API-payloads eller databaselagring. CSS Format pakker data URI'en ind i en klar-til-brug CSS background-image: url(...)-erklæring.

Base64-indkodning øger filstørrelsen med cirka 33 % i forhold til den oprindelige binære fil. Det gør det praktisk til små billeder som ikoner, logoer og thumbnails (typisk under 100 KB i oprindelig størrelse). For større billeder bliver den resulterende Base64-streng meget lang og kan overskride URL-længdegrænser i nogle sammenhænge. Værktøjet er bedst egnet til inline-indlejring, hvor reduktion af HTTP-forespørgsler er vigtigere end at minimere filstørrelsen.

Praktiske anvendelser af Billede til Base64-konvertering

Indlejring af et ikon i CSS til en webside

Du har et 32×32 PNG-ikon og vil bruge det som CSS background-image for at undgå en ekstra HTTP-forespørgsel. Slip PNG'en i konverteren, kopiér CSS-format-outputtet, og indsæt det direkte i dit stylesheet. Ikonet er nu indlejret inline uden behov for en separat billedfil eller netværksforespørgsel.

Sendelse af et billede i en JSON API-payload

Din API accepterer brugeruploadede profilbilleder som Base64-strenge i JSON. Upload eller træk billedet ind i konverteren, og kopiér Raw Base64-outputtet. Inkludér det i din JSON-payload som {"avatar": "base64_encoded_string..."}. Serveren afkoder det tilbage til binær form til lagring.

Oprettelse af en HTML-e-mailsignatur med et inline-logo

HTML-e-mails blokerer ofte eksterne billeddownloads som standard. Indlejr dit firmalogo direkte i e-mail-HTML'en ved hjælp af en Base64-data-URI. Konvertér logobilledet, kopiér Data URI-formatet, og angiv det som src-attributten for din img-tag. Logoet vises, selv når billeder er blokeret.

Hvorfor bruge Billede til Base64-konvertering?

  • Øjeblikkelig konvertering med billedforhåndsvisning
  • Tre outputformater: Data URI, rå Base64, CSS
  • 100% lokal behandling — ingen upload til server

Sådan bruger du Billede til Base64-konvertering — Trin for trin

1

Upload et billede fra din enhed.

2

Vælg outputformat: Data URI, rå Base64 eller CSS.

3

Kopier resultatet til brug i dit projekt.

Hvem er Billede til Base64-konvertering bedst til?

  • webudvikling
  • e-mail-indlejring
  • CSS-ikoner

Pro-tips til Billede til Base64-konvertering

  • 1Brug kun data-URI'er til små billeder (under 100 KB i oprindelig form). For større billeder bliver Base64-strengen meget lang og kan forringe sideindlæsningsydelsen.
  • 2SVG-filer kan også base64-indkodes, men at indlejre SVG som SVG-markup (inline) er normalt bedre end Base64, fordi browseren kan parse og style SVG-elementer individuelt.
  • 3CSS background-image-formatoutputtet er klar til at indsætte i et stylesheet. Det er den hurtigste arbejdsgang til at indlejre ikoner og dekorative billeder uden at oprette separate sprite-filer.
  • 4Vær opmærksom på URL-længdegrænser: nogle CDN'er og proxies har maksimale URL-længder (typisk 2048 til 8192 tegn). Meget lange data-URI'er kan blive afkortet af disse mellemled.

Billede til Base64-konvertering — Ofte stillede spørgsmål

What is a Base64 data URI?

A data URI embeds the image data directly in a URL string (data:image/png;base64,...). This allows images to be inlined in HTML, CSS, or JSON without a separate HTTP request.

Is there a file size limit?

There is no hard limit, but very large images will produce very long Base64 strings. For web performance, consider using data URIs only for small images like icons and sprites.

What is the maximum file size I can convert?

Most conversions handle files up to 50MB. The exact limit depends on your device's available memory since all processing is local.

Does the converter preserve formatting and special characters?

Yes. The converter handles Unicode characters, special symbols, and formatting where applicable. For structured formats like CSV, column mapping is preserved.

Is Billede til Base64-konvertering really free to use?

Yes, Billede til Base64-konvertering is completely free with no hidden charges, no usage limits, and no premium tiers. You can use it as often as you need without signing up or providing any personal information.

Klar til at bruge Billede til Base64-konvertering?

Gratis onlineværktøj — fungerer i din browser, ingen tilmelding nødvendig. Start med at bruge det nu.

Prøv det nu
Free Forever · No Sign-up

182 Free Tools at Your Fingertips

All free online tools for developers, designers, students, and creators. Every tool works in your browser — no sign-up, no data collection.