Bild till Base64
Gör om en bild till en data-URI som du kan klistra in direkt i CSS eller HTML.
- Körs på din enhet — filen skickas aldrig någonstans
- Ingen registrering, inga vattenstämplar, inga dagliga kvoter
- Gratis, utan begränsning för hur ofta du använder det
Så fungerar det
En data-URI bäddar in en bild direkt i din källkod i stället för att hänvisa till en separat fil. Det tar bort en nätverksbegäran, vilket spelar roll för små bilder som annars skulle kosta en tur och retur var.
När det är värt det
Små ikoner, logotyper och enfärgad grafik. Under ungefär 2 KB överväger den sparade begäran oftast kostnaden. Över det vinner en vanlig filhänvisning.
Storleksstraffet
Base64 kodar tre byte som fyra tecken, så en data-URI är ungefär 33 % större än filen. Den kan inte heller cachas separat – den laddas ned på nytt med varje kopia av den formatmall eller sida som innehåller den.
Var du klistrar in den
Direkt i en CSS url() eller ett img src-attribut. Utdata har redan rätt prefix för mediatyp.
Bild till Base64 – frågor
Varför finns det en storleksgräns?
Data-URI:er hör hemma i källkod, och mycket stora blåser upp varje sida som innehåller dem. Gränsen är 2 MB.
Fungerar det med SVG?
SVG är text, så den kan läggas in direkt utan Base64, vilket är mindre.
Laddas min bild upp?
Nej. Kodningen sker i din webbläsare.