Bilde til Base64-konverter — gratis online verktøy

Hva er Bilde til Base64-konverter?

Gratis online bilde til Base64-konverter. Last opp eller dra-og-slipp bilder (PNG, JPG, GIF, WebP, SVG, BMP) for å konvertere til Base64 data URI.

Base64-koding konverterer binære bildedata til en tekststreng som kun bruker ASCII-tegn, noe som gjør det mulig å legge inn bilder direkte i HTML, CSS og JSON uten separate HTTP-forespørsler. Image to Base64 Converter håndterer denne konverteringen for vanlige bildeformater — PNG, JPG, GIF, WebP, SVG og BMP — og produserer utdata i tre nyttige formater.

Verktøyet aksepterer bilder via dra-og-slipp eller filvelger. Når det er lastet inn, viser forhåndsvisningen av bildet den opplastede filen sammen med metadata: filnavn, størrelse, type og pikseldimensjoner. Denne informasjonen hjelper deg med å bekrefte at du jobber med det riktige bildet før konvertering. Konverteringen skjer helt i nettleseren din ved hjelp av FileReader API, så bildedataene forlater aldri enheten din.

Tre utdataformater er tilgjengelige. Data URI produserer en komplett streng som starter med data:image/png;base64,... som kan brukes direkte i HTML-img src-attributter og CSS background-image-egenskaper. Raw Base64 gir kun den base64-kodede strengen uten data URI-prefikset, nyttig når du bare trenger de kodede dataene for API-payloader eller databaselagring. CSS Format pakker data URI-en inn i en klar-til-bruk CSS background-image: url(...)-deklarasjon.

Base64-koding øker filstørrelsen med omtrent 33 % sammenlignet med den originale binære filen. Dette gjør den praktisk for små bilder som ikoner, logoer og miniatyrbilder (vanligvis under 100 KB original størrelse). For større bilder blir den resulterende Base64-strengen veldig lang og kan overskride URL-lengdegrenser i noen sammenhenger. Verktøyet er best egnet for inline-legging der det å redusere HTTP-forespørsler er viktigere enn å minimere filstørrelsen.

Praktiske bruksområder for Bilde til Base64-konverter

Legge inn et ikon i CSS for et nettsted

Du har et 32×32 PNG-ikon og vil bruke det som CSS background-image for å unngå en ekstra HTTP-forespørsel. Slipp PNG-en inn i konverteren, kopier CSS-formatutdataen og lim den direkte inn i stilarket ditt. Ikonet er nå innebygd inline uten å trenge en separat bildefil eller nettverksforespørsel.

Sende et bilde i en JSON API-payload

API-et ditt aksepterer brukeropplastede profilbilder som Base64-strenger i JSON. Last opp eller dra bildet inn i konverteren og kopier Raw Base64-utdataen. Inkluder den i JSON-payloaden din som {"avatar": "base64_encoded_string..."}. Serveren avkoder den tilbake til binær for lagring.

Opprette en HTML-e-postsignatur med en inline-logo

HTML-e-poster blokkerer ofte eksterne bildenedlastinger som standard. Legg bedriftslogoen din direkte inn i e-postens HTML ved hjelp av en Base64-data URI. Konverter logobildet, kopier Data URI-formatet og sett det som src-attributtet i img-taggen din. Logoen vises selv når bilder er blokkert.

Hvorfor bruke Bilde til Base64-konverter?

Øyeblikkelig konvertering med bildeforhåndsvisning
Tre utdataformater: Data URI, rå Base64, CSS
100% lokal behandling — ingen opplasting til server

Slik bruker du Bilde til Base64-konverter — Steg for steg

Last opp et bilde fra enheten din.

Velg utdataformat: Data URI, rå Base64 eller CSS.

Kopier resultatet for bruk i prosjektet ditt.

Hvem er Bilde til Base64-konverter best for?

nettutvikling
e-postinnebygging
CSS-ikoner

Profftips for Bilde til Base64-konverter

1Bruk data URI-er kun for små bilder (under 100 KB original). For større bilder blir Base64-strengen veldig lang og kan redusere sidens lasteytelse.
2SVG-filer kan også base64-kodes, men å legge inn SVG som SVG-markering (inline) er vanligvis bedre enn Base64 fordi nettleseren kan parse og style SVG-elementer individuelt.
3CSS background-image-formatutdataen er klar til å limes inn i et stilark. Dette er den raskeste arbeidsflyten for å legge inn ikoner og dekorative bilder uten å opprette egne sprite-filer.
4Vær oppmerksom på URL-lengdegrenser: noen CDN-er og proxyer har maksimale URL-lengder (vanligvis 2048 til 8192 tegn). Svært lange data URI-er kan bli avkuttet av disse mellomleddene.

Bilde til Base64-konverter — Ofte stilte spørsmå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 Bilde til Base64-konverter really free to use?

Yes, Bilde til Base64-konverter 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 å bruke Bilde til Base64-konverter?

Gratis onlineverktøy — fungerer i nettleseren din, ingen registrering nødvendig. Begynn å bruke det nå.

Prøv det nå