Bild till Base64
Omvandla PNG, JPG, GIF, WebP och SVG till Base64 Data URI utan att ändra originalets byte. Kopiera resultatet till HTML eller CSS, eller ladda ner den kodade texten.
Resultatet visas här.
Så omvandlar du en bild till Base64
- Välj en bildfil eller dra den till inmatningsområdet.
- Stäng av radbrytning för HTML och CSS och behåll utfyllnadstecknen för standard-Base64.
- Koda bilden och kopiera hela Data URI:n eller ladda ner textresultatet.
Så använder du Bild till Base64
En Data URI innehåller medietypen och de kodade byten. Bilden skalas inte och komprimeras inte om. Base64 ökar storleken med ungefär en tredjedel; stora webbilder passar ofta bättre som vanliga filer.
En GIF på en pixel som Base64 Data URI
- Indata
pixel.gif (1 × 1 px, 42 B)- Resultat
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7
Frågor om Bild till Base64
Hur använder jag resultatet i HTML eller CSS?
Sätt hela värdet data:image/…;base64,… i HTML-attributet img src eller i CSS url("…"). Prefixet anger bildformatet och ingår inte i själva Base64-datan. Verktyget ger dig URI:n, inte en färdig HTML-tagg eller CSS-regel.
Bevaras genomskinlighet, animation och kvalitet?
Ja. De ursprungliga filbyten kodas utan skalning eller ny komprimering. PNG-genomskinlighet, GIF-animation och SVG-kod finns kvar i datan. Visningen beror fortfarande på programmet som öppnar resultatet.
Vilka format och filstorlekar stöds?
Verktyget känner igen PNG, JPEG, GIF, WebP, BMP, TIFF, AVIF och identifierbara SVG-dokument utifrån innehållet. Gränsen är 32 MiB per fil, en fil i taget. Använd Fil till Base64 för andra format; att en fil kan kodas innebär inte att webbläsaren kan visa den.
Blir Base64 mindre, och fungerar det i e-post?
Nej. Den kodade datan blir ungefär en tredjedel större, plus URI-prefixet. Inbäddning kan passa små ikoner; stora bilder fungerar ofta bättre som separata filer. E-postprogram och säkerhetsregler kan blockera data:-bilder. Testa i den miljö där bilden ska användas.
Laddas mina filer, token eller texter upp?
Nej. Verktygen behandlar dina uppgifter i webbläsaren. Webbplatsen levererar sidan och programkoden, men skickar inte innehållet till en konverteringsserver och sparar det inte på ett konto.
Verktyg för nästa steg
- Base64 till bild
Avkoda Base64-bilder och Data URI:er, förhandsvisa format som stöds och ladda ned originalets byte.
- Fil till Base64
Koda valfri fil till Base64 med valfritt Data URI-prefix, utfyllnad och MIME-radbrytningar.
- Koda och avkoda HTML-entiteter
Omvandla text till HTML-entiteter eller avkoda namngivna och numeriska teckenreferenser.
Alla utvecklarverktyg
Kodning och filer
Omvandla text, byte, webbadresser och inbäddade bilder utan att ändra originaldata.
Base64-kodare och avkodare
Koda UTF-8-text till Base64 eller avkoda vanlig och URL-säker Base64, med valbar utfyllnad och radbrytning.
Base64URL-kodare och avkodare
Koda text som URL-säker Base64 med - och _, och avkoda Base64URL utan utfyllnad.
Base64 till bild
Avkoda Base64-bilder och Data URI:er, förhandsvisa format som stöds och ladda ned originalets byte.
Fil till Base64
Koda valfri fil till Base64 med valfritt Data URI-prefix, utfyllnad och MIME-radbrytningar.
Base64 till fil
Återskapa nedladdningsbara filer från Base64 och Data URI:er utan att ändra de avkodade byten.
URL-kodare och avkodare
Koda URL-komponenter, fullständiga webbadresser och formulärvärden, eller avkoda procentkodning och blanksteg.
Koda och avkoda HTML-entiteter
Omvandla text till HTML-entiteter eller avkoda namngivna och numeriska teckenreferenser.
Granska Unicode och omvandla escape-sekvenser
Se Unicode-kodpunkter, UTF-8-byte och UTF-16-enheter och omvandla JavaScripts Unicode-escapes.
Granska data och text
Läs strukturerade data och token och se exakt vad som har ändrats.
Formatera, minifiera och validera JSON
Formatera och validera JSON utan precisionsförlust för stora tal, med indrag och rekursiv sortering av nycklar.
JWT-avkodare
Läs JWT-huvud och innehåll och se giltighets- och aktiveringstider utan att skicka token till någon annan tjänst.
Jämför texter
Jämför två texter rad för rad, ord för ord eller tecken för tecken och markera ändringar utan att tappa blanksteg.
Testa reguljära uttryck
Testa JavaScript-regex med flaggor, träffpositioner, fångstgrupper och namngivna grupper.
Hash, ID:n och scheman
Kontrollera filer, skapa identifierare och se tidpunkter och återkommande körningar.
MD5-hash och kontrollsumma
Beräkna MD5 för text eller lokala filer och jämför med en förväntad kontrollsumma.
SHA-1-hash och kontrollsumma
Beräkna SHA-1 för UTF-8-text eller filer och jämför resultatet med en kontrollsumma.
SHA-256-hash och kontrollsumma
Skapa SHA-256 för text och filer och kontrollera nedladdningar mot publicerade kontrollsummor.
SHA-512-hash och kontrollsumma
Beräkna SHA-512 för text och filer på din enhet och jämför fullständiga hexadecimala kontrollsummor.
CRC32-beräknare
Beräkna vanlig CRC-32 för text eller filer och jämför hexadecimala kontrollsummor med åtta tecken.
HMAC-generator
Generera HMAC-SHA-1, HMAC-SHA-256 och HMAC-SHA-512 med en hemlig UTF-8- eller hexadecimal nyckel.
UUID- och GUID-generator
Skapa slumpmässiga UUID v4 eller tidsordnade UUID v7, en i taget eller i grupper.
Omvandla Unix-tidsstämpel
Omvandla Unix-sekunder, millisekunder och ISO 8601-datum och se samma tidpunkt i UTC eller en IANA-tidszon.
Tolka Cron-uttryck
Validera Cron-uttryck med fem eller sex fält och se nästa körningar med tidszoner och sommartid.
Skapa Cron-uttryck
Bygg Cron-uttryck med tidsfält eller vanliga scheman och se kommande körningar i vald tidszon.
Text och filer behandlas på din enhet. Lämna inte känsliga resultat i delade urklipp och använd en betrodd enhet för privata nycklar och token.