Bild till data-URI

En data-URI kodar en bild direkt som text (Base64), så att du kan bädda in den i HTML (en img src) eller CSS (en bakgrund) utan en separat fil eller en extra nätverksförfrågan. Det här verktyget konverterar din bild till en data:-URI som är redo att klistra in.

Utdata är en vanlig textfil som innehåller hela strängen data:image/...;base64,.... Den är behändig för små ikoner, e-postmallar, demos i en enda fil eller för att undvika en extra förfrågan, även om Base64-texten är ungefär en tredjedel större än de ursprungliga byten.

Allt körs helt lokalt i din webbläsare (ingen uppladdning, även offline) - din bild lämnar aldrig din enhet. Bilden kodas exakt som den är (samma byte, samma format, ingen omkodning); en mycket stor bild ger en mycket lång sträng, så detta passar små bilder bäst.

Den ärliga avvägningen vid inbäddning: en data-URI följer med varje leverans av HTML- eller CSS-filen och cachas inte separat av webbläsaren. Som tumregel lönar sig inbäddning därför bara för mycket små bilder - ikoner på några kilobyte; stora bilder gör sig bättre som egen fil. För en snabb kontroll kan du klistra in strängen direkt i webbläsarens adressfält.

Tekniska data

I 3 steg

1. Släpp eller tryck på din bild (PNG, JPEG eller WebP).
2. Den Base64-kodas till en data:-URI i din webbläsare.
3. Ladda ner textfilen med data-URI:n (redo att klistra in).

Begränsningar: Kodar bildens byte exakt som Base64 till en sträng data:<typ>;base64,... som sparas som en textfil. Base64 är ungefär 33% större än originalet, så det passar små bilder bäst. Det ursprungliga formatet och byten behålls (ingen omkodning).

Vanliga frågor

Relaterade verktyg

Bildcollage · Komprimera bilder · PNG till SVG · Optimera SVG