Konvertera bild till Base64
Gör om en bildfil till en textrad som du kan klistra in i HTML, CSS, en JSON-förfrågan eller en Markdown-fil. Data-URI-prefixet finns redan på plats, så det fungerar direkt när du klistrar in.
Datakonverterare
eller släpp CSV, TSV, TXT …-filer här ·
Max 95 MB per fil· Upp till 20 filer· Raderas efter 30 minuter
Filerna bearbetas på våra servrar och raderas efter 30 minuter.
Tecknet som skiljer kolumner åt i CSV- och textfiler, både vid läsning och skrivning. Automatiskt identifierar det i indata och skriver kommatecken.
UTF-8 fungerar för alla språk. Välj UTF-8 med BOM om Excel i Windows visar förvrängda å, ä, ö eller asiatiska tecken när du öppnar CSV-filen.
För indata från Excel, ODS och Numbers: konvertera bara första bladet eller alla blad (en CSV per blad i en ZIP, eller en JSON-nyckel per blad).
Namnet på bladfliken i det nya kalkylarket, högst 31 tecken.
Lista med objekt använder kolumnnamnen som nycklar för varje rad; lista med listor är mer kompakt och behåller rubrikraden som första lista.
Namnet på det yttre elementet som omsluter alla rader; varje rad blir en <row> inuti det.
Används i CREATE TABLE- och INSERT-satser. Endast bokstäver, siffror och understreck.
Citering och kolumntyper skiljer sig något mellan databaser; välj den du ska importera till.
Skriv om datumceller i ett enda format. ISO (2026-10-18) är säkrast för databaser och kod; behåll lämnar dem som i källan.
Så använder du verktyget
- 1
Lägg till bilderna
Släpp PNG-, JPG-, GIF-, WebP- eller SVG-filer i uppladdningsytan, upp till 20 åt gången och 95 MB per fil.
- 2
Behåll eller ta bort prefixet
Data URI-prefix är aktiverat, så resultatet börjar med data:image/png;base64, eller motsvarande typ. Stäng av det under Avancerade inställningar när ett API vill ha den rena Base64-strängen.
- 3
Konvertera och kopiera
Klicka på Konvertera till Base64-text och ladda ner en .txt-fil per bild, redo att klistra in i din kod.
Ladda upp bilden och klicka på Konvertera till Base64-text. Du får filen kodad som vanliga tecken, med början data:image/…;base64, så att den kan läggas direkt i en img src eller en CSS url(). Bilden förändras inte alls.
När en bild som Base64 är användbar
Base64 definieras i RFC 4648 (2006) och avbildar var 3:e byte binärdata på 4 tecken ur ett alfabet med 64 tecken: A–Z, a–z, 0–9, + och /. Resultatet klarar sig genom alla kanaler som är byggda för text. Data-URI-schemat, som Larry Masinter skrev ner som RFC 2397 år 1998, låter sedan en webbläsare behandla texten som en fil.
Frontend-utvecklare bäddar in små ikoner, laddningssymboler och platshållarbilder så att en sida visas utan extra förfrågningar. Backend-utvecklare skickar bilder i JSON, eftersom många API:er, bland annat bildanalys- och OCR-tjänster, tar emot en bild som ett Base64-fält. Testare har fixturer i källkoden, och de som bygger HTML-rapporter i en fil eller Markdown-anteckningar bäddar in skärmdumpar så att filen förblir fristående när den mejlas eller arkiveras.
Så ser Base64-resultatet ut
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="Exempelpixel">
PNG-ikonfil
24 KB
typisk ikonuppsättning för verktygsfält, 96 × 96 px
Base64-text
32 KB
4 tecken per 3 byte, plus prefixet
ANY I
Valfri bild
Verktyget accepterar vanliga bildformat, bland annat JPG, PNG, WebP, HEIC, GIF, BMP och TIFF. Formatet identifieras automatiskt från filen, så du behöver inte veta vilken typ av bild du har.
BASE64
Base64-kodad text
Base64 är en kodning, definierad i RFC 4648, som omvandlar valfri binärdata till en sträng av 64 säkra texttecken. Den används för att bädda in bilder i HTML och CSS som data-URI:er, för att bifoga filer i e-post och för att skicka binärdata i JSON eller XML. Kodningen är helt reversibel men gör data cirka 33 % större. Base64 är inte kryptering och ger ingen säkerhet; vem som helst kan avkoda det.
- Komprimering
- Förlustfri
- Transparens
- –
- Animation
- –
- Introducerades
- –
Bilder blir Base64-text när de måste skickas inuti något som bara kan bära text: en HTML- eller CSS-fil utan separat förfrågan, ett JSON-fält i ett API-anrop, en testfixtur eller en rapport i en enda fil.
När en inbäddad bild hjälper en sida och när den skadar
Att bädda in sparar en förfrågan, vilket betydde mest under HTTP/1.1, när webbläsare bara öppnade ett fåtal anslutningar per webbplats. Med multiplexering i HTTP/2 och HTTP/3 är extra små förfrågningar billiga, så fördelen minskar medan nackdelarna finns kvar: den kodade bilden kan inte cachas separat, den laddas ner igen varje gång HTML eller CSS ändras, och den fördröjer tolkningen av filen den ligger i.
En rimlig tumregel är att bara bädda in bilder på några kilobyte som finns på varje sida, till exempel en logotyp eller ett ikonsprite, och leverera allt annat som filer. Foton hör nästan aldrig hemma inbäddade. Om du i stället behöver en annan filtyp än text hjälper bildkonverteraren dig med det.
Fördelar med Base64-bilder
- En fristående HTML-, CSS- eller JSON-fil
- Ingen extra förfrågan för små ikoner
- Säkert i JSON, XML och andra textformat
- Förlustfritt och reversibelt
Nackdelar med Base64-bilder
- Cirka 33 % större än binärfilen
- Cachas inte separat av webbläsaren
- Blockeras som bilder av många e-postklienter
- Svårt att granska i kodjämförelser
Frågor om bild till Base64
Vad är skillnaden mellan Base64 och en data-URI?
Base64 är bara de kodade tecknen. En data-URI omsluter dem med schema och typ, data:image/png;base64, följt av tecknen, så att en webbläsare vet hur den ska avkoda och visa dem. HTML och CSS kräver hela data-URI:n, medan de flesta JSON-API:er vill ha den rena Base64-delen.
Hur mycket större blir en bild som Base64?
Base64 skriver 4 tecken för var 3:e byte, så texten blir ungefär en tredjedel större än filen, plus det korta prefixet. En PNG på 30 KB blir cirka 40 KB text. Om HTML eller CSS levereras gzip-komprimerad vinns en del av den extra storleken tillbaka vid överföringen.
Kan jag använda en Base64-bild i en e-postsignatur?
Det är opålitligt. Gmail visar inte bilder med data-URI, och flera e-postprogram för datorn tar också bort dem, så mottagarna ser en trasig ikon. Lägg bilden på en webbserver eller bifoga den, och använd Base64 för webbsidor och appar.
Bör en SVG-ikon kodas som Base64?
Det fungerar, men SVG är redan text. Om du URL-kodar koden i stället för att Base64-koda den blir data-URI:n oftast kortare och förblir läsbar. För allt större än en liten ikon är en separat SVG-fil som webbläsaren kan cacha ett bättre val.
Kan jag konvertera Base64-texten tillbaka till en bild?
Ja, kodningen är förlustfri och helt reversibel: avkodning ger tillbaka exakt de ursprungliga byten. Alla programmeringsspråk har en avkodare, och om du klistrar in en komplett data-URI i webbläsarens adressfält visas bilden.
Påverkar kodningen bildkvaliteten?
Nej. Base64 ändrar hur byten skrivs, inte pixlarna. Om du vill ha en kortare sträng, förminska bilden först, till exempel med komprimera bild till 20 KB, och koda den mindre filen.
- Koda JSON till Base64Koda en JSON-fil som en rad Base64 för Kubernetes Secrets, CI-variabler, API-anrop och tokens. Helt reversibelt, valfri data-URI.
- Konvertera SVG till PNGRastrera SVG-logotyper och ikoner till PNG i vald bredd, 1024 px som standard, med transparent bakgrund. Se hur DPI hänger ihop med pixlar.
- Konvertera PNG till SVG gratisKonvertera PNG till SVG gratis utan konto: gör logotyper, ikoner och linjeteckningar till skalbara banor. Välj färg, gråskala eller svartvitt.
- Komprimera bild till 20 KBKomprimera ett foto eller en signatur till högst 20 KB som JPG för SSC, IBPS och andra provportaler. Exakt målstorlek, måtten behålls när det går.
- Konvertera JPG till PNGKonvertera JPG till PNG för förlustfri redigering, ikoner och appar som kräver PNG. Se varför filen blir större och bakgrunden inte blir transparent.