Hoppa till innehåll
patrache.tools

Bild ↔ Base64

Konvertera bilder till Base64-sträng och vice versa. Stöder PNG, JPG, WebP, GIF. Bearbetas i webbläsaren.

Dra och släpp en bild eller klicka för att välja

lockFiler skickas inte till någon server
Dela
Bädda in

Bädda in det här verktyget på din webbplats

Bild-Base64-omvandlaren är ett gratis onlineverktyg som kodar bilder till Base64-strängar eller avkodar Base64 tillbaka till bilder.

Hur använder man Bild ↔ Base64?

  1. Välj läget Bild → Base64 eller Base64 → Bild.
  2. Ladda upp en bild eller klistra in en Base64-sträng.
  3. Kopiera eller ladda ner resultatet.

Vanliga frågor om Bild ↔ Base64

Var används Base64-kodning?

Den används för e-postbilagor, inline-CSS-bakgrundsbilder, dataöverföring via API och mer.

Blir filen större av Base64-kodning?

Ja – varje tre byte blir fyra tecken, så storleken växer med ungefär 33 %. Bytet lönar sig för ikoner och bilder på 1-2 kB eftersom du sparar en förfrågan, men att bädda in ett foto på flera hundra kB sväller HTML-koden och tar bort webbläsarens cachning helt.

Kan jag göra om en Base64-sträng till en bildfil?

Ja – byt till avkodningsläge, klistra in strängen och ladda ner den återskapade bilden. Prefixet `data:image/png;base64,` kan stå kvar, och saknas det räcker det att välja utdataformat.

Är Base64 ett bra val för e-postsignaturer eller CSS?

I CSS fungerar det bra för små ikoner och mönster eftersom extra förfrågningar försvinner. Till e-postsignaturer passar det dåligt: Gmail och Outlook blockerar ofta data-URI-bilder, så lägg hellre filen på en server och länka den med en URL.

Tips för att använda Bild ↔ Base64 effektivt

  • Base64-kodning ökar filstorleken med ~33 %, så den passar bäst för små ikoner och logotyper.
  • Att använda data-URI:er i CSS minskar HTTP-förfrågningar och kan förbättra sidans laddningshastighet.
  • För stora bilder är det bättre att servera dem som vanliga filer än som Base64 för cachning och prestanda.

Powered by Patrache Studio Tools

Tillåt annonser på den här webbplatsen

Tillåt annonser på den här webbplatsen för att använda verktygen. Annonser håller tjänsten gratis.

Öppna annonsblockeraren, stäng av den för den här webbplatsen och kontrollera igen.