Bild till Base64

Den här bild-till-Base64-konverteraren förvandlar en bild till en data-URI, en lång textsträng som bäddar in bilden direkt, plus ett färdigt CSS-bakgrundsutdrag. Du kan infoga en bild i stället för att länka till en separat fil.

Den körs lokalt i din webbläsare, så din bild läses på din enhet och laddas aldrig upp.

En data-URI bär hela bilden inuti markup:en, så webbläsaren gör ingen separat nätverksbegäran för att hämta den. För små resurser som ikoner kan den sparade rundturen få en sida att kännas snabbare.

Haken är storlek och cachning. Base64 lägger till ungefär 33 procent overhead eftersom det representerar binär data med ett begränsat textalfabet, och en infogad bild kan inte cachas separat, så den laddas ner igen med varje sida som innehåller den.

Tumregeln är att infoga små bilder, ikoner, små logotyper eller en sprite, där att undvika en begäran är värt overheaden, och att behålla större bilder som vanliga filer som webbläsaren kan cacha och ladda parallellt.

Data-URI:er fungerar var som helst en URL accepteras: ett img src, en CSS-bakgrund, eller ett fält i JSON eller en e-postmall. Det gör dem praktiska för självständiga utdrag.