Bild till Base64
Konverterar bilder till Base64-kodade strängar eller Data URI-format för inbäddning i HTML/CSS.
Dra en bild hit eller klicka för att välja
PNG, JPG, WebP, GIF, SVG, m.fl.
Om det här verktyget
Bild till Base64-konverteraren kodar valfri bildfil till en Base64-sträng eller fullständig Data URI, vilket låter dig bädda in bilder direkt i HTML, CSS eller JSON utan att hosta dem som separata filer. Stöder drag-och-släpp eller klicka-för-att-välja och visar originalfilens storlek mot den kodade storleken.
All kodning sker i webbläsaren med FileReader API — din bild laddas aldrig upp till någon server. Du kan växla mellan fullständig Data URI (med prefixet data:image/…;base64,) och ren Base64 (utan prefix).
Hur man använder
- Dra en bild till uppladdningsområdet eller klicka för att öppna filväljaren.
- Den kodade utdatan visas automatiskt efter att filen har laddats.
- Växla mellan Data URI och Base64 Only med knapparna.
- Klicka på Kopiera för att kopiera resultatet till urklipp.
Användningsfall
Frontend-utvecklare bäddar in små ikoner direkt i CSS eller HTML för att eliminera HTTP-förfrågningar. E-postmarknadsförare infogar bilder i HTML-e-postmallar eftersom många e-postklienter blockerar externa bilder. Mobilappsutvecklare kodar bilder för JSON API-nyttolaster. Utvecklare lagrar bilder som Base64-strängar i konfigurationsfiler eller databaser.
Vanliga frågor
- Ökar Base64-kodning filstorleken? — Ja. Base64-kodning ökar filstorleken med ungefär 33% jämfört med den ursprungliga binärfilen.
- Vilka bildformat stöds? — Vilket format som helst som din webbläsare kan visa: JPG, PNG, WebP, GIF, SVG, BMP och mer.
- Bör jag Base64-koda stora bilder? — För filer över ~10 KB är det vanligtvis bättre att hosta bilden som en fil. Stora Base64-strängar uppblåser HTML/CSS och försämrar sidladdningsprestanda.