Varför konvertera en bild till Base64?

Base64-kodning gör det möjligt att bädda in en bild direkt i HTML eller CSS som en textsträng, vilket eliminerar en separat HTTP-förfrågan för en extern fil. Passar utmärkt för ikoner, logotyper och små grafiska element.

Leder konvertering till Base64 till kvalitetsförlust?

Nej. Base64-kodning är förlustfri — den avkodade bilden är byte-för-byte identisk med originalfilen.

Vad är skillnaden mellan rå Base64 och Data URI?

Rå Base64 är bara den kodade teckensträngen. En Data URI lägger till ett prefix som data:image/png;base64, vilket talar om MIME-typen för webbläsaren — och gör det möjligt att klistra in det direkt i src-attributet för eller i CSS background-image.

Laddas mina bilder upp till en server?

Nej. All kodning sker lokalt i din webbläsare med FileReader API — dina filer lämnar aldrig din enhet.

Hur använder jag en Base64-bild i CSS?

Kopiera Data URI och använd det som värde för egenskapen background-image: url('data:image/png;base64,...'); i din CSS-fil.

Bild till Base64-omvandlare - Gratis onlineverktyg

Koda bilder till Base64-strängar direkt. Stöder PNG, JPG, GIF, WebP, SVG och BMP - gratis och bearbetas lokalt i webbläsaren.

Ladda upp bild

Ladda upp

Rensa

Dra och släpp eller klicka för att ladda upp

Stöder PNG, JPG, GIF, WebP, SVG, BMP

Base64-utdata

Base64-sträng visas här...

Kopiera

Base64-sträng visas här...

Hur man konverterar bild till Base64

Ladda upp din bild genom att dra och släppa eller klicka på uppladdningsområdet.

Verktyget konverterar omedelbart din bild till en Base64-sträng.

Kopiera den råa Base64-strängen eller Data URI-formatet för HTML/CSS-användning.

Använd den genererade strängen för att bädda in bilder direkt i din kod.

Nyckelfunktioner

Omedelbar konvertering

Konvertera bilder till Base64 omedelbart utan serveruppladdningar.

Integritet först

All behandling sker lokalt i din webbläsare. Dina bilder lämnar aldrig din enhet.

Stöder alla format

Kompatibel med formaten PNG, JPEG, GIF, SVG, WebP och BMP.

Klar för Data URI

Få den fullständiga Data URI-strängen redo att användas i HTML <img>-taggar eller CSS background-image.

FAQ

Varför konvertera bild till Base64?

Att konvertera bilder till Base64 gör att du kan bädda in dem direkt i HTML- eller CSS-filer, vilket minskar antalet HTTP-förfrågningar och snabbar upp sidladdningstiderna för små bilder.

Finns det en filstorleksgräns?

Eftersom behandlingen sker i din webbläsare beror gränsen på enhetens minne. Det rekommenderas dock att endast använda Base64 för små bilder (ikoner, logotyper) för att undvika att din HTML-fil blir för stor.

Uppstår kvalitetsförlust?

Nej, Base64-kodning är förlustfri. Den avkodade bilden kommer att vara identisk med originalet.

Dra en bild till verktyget eller klicka för att välja en — den konverteras omedelbart till en Base64-sträng. Du får både rå Base64-text och en Data URI redo att klistra in (data:image/png;base64,...). PNG, JPG, GIF, WebP, SVG och BMP stöds. All bearbetning sker i din webbläsare — inga filer skickas till en server.

Så konverterar du en bild till Base64

1
Ladda upp din bild
Dra och släpp en fil i uppladdningsområdet eller klicka för att bläddra. PNG, JPG, GIF, WebP, SVG och BMP stöds.
2
Hämta den kodade utdata
Verktyget läser filen lokalt och genererar omedelbart Base64-strängen — utan serveranrop.
3
Välj rå Base64 eller Data URI
Kopiera rå Base64-text för JSON-nyttolaster, eller kopiera hela Data URI-strängen för användning i HTML <img>-taggar och CSS background-image.
4
Bädda in i koden
Klistra in Data URI direkt i HTML eller CSS för att infoga bilden inline och spara en HTTP-förfrågan.

Referenser

RFC 2397 — Schemat data URL
IETF-specifikationen som definierar data: URL-schemat för att bädda in Base64-kodade media inline.
MDN — Data URLs
Praktisk guide till data URL-syntax, Base64-kodning och hur man bäddar in bilder i HTML och CSS.

Relaterade verktyg

Base64 till bild

Avkoda en Base64-sträng eller Data URI tillbaka till en nedladdningsbar bildfil.

Base64-kodning / avkodning

Koda eller avkoda vilken text eller data som helst till och från Base64.

Bildkomprimering

Komprimera bilder först för att hålla Base64-utdata och HTML-filstorleken liten.

WebP-konverterare

Konvertera bilder till det lätta WebP-formatet före kodning.

Vanliga frågor

Varför konvertera en bild till Base64?: Base64-kodning gör det möjligt att bädda in en bild direkt i HTML eller CSS som en textsträng, vilket eliminerar en separat HTTP-förfrågan för en extern fil. Passar utmärkt för ikoner, logotyper och små grafiska element.
Finns det en filstorleksgräns?: Verktyget har ingen fast gräns — det praktiska begränsningen bestäms av webbläsarens minne. Tänk på att Base64-utdata är ungefär 33% större än den ursprungliga binärfilen, så Base64 rekommenderas bara för små bilder.
Leder konvertering till Base64 till kvalitetsförlust?: Nej. Base64-kodning är förlustfri — den avkodade bilden är byte-för-byte identisk med originalfilen.
Vad är skillnaden mellan rå Base64 och Data URI?: Rå Base64 är bara den kodade teckensträngen. En Data URI lägger till ett prefix som data:image/png;base64, vilket talar om MIME-typen för webbläsaren — och gör det möjligt att klistra in det direkt i src-attributet för <img> eller i CSS background-image.
Laddas mina bilder upp till en server?: Nej. All kodning sker lokalt i din webbläsare med FileReader API — dina filer lämnar aldrig din enhet.
Hur använder jag en Base64-bild i CSS?: Kopiera Data URI och använd det som värde för egenskapen background-image: url('data:image/png;base64,...'); i din CSS-fil.