Monu Tools

Bild till Base64

Omvandla en bild till en Base64-data-URI för inbäddning i HTML, CSS eller JSON, helt i din webbläsare.

Att bädda in bilder som Base64 undviker en extra förfrågan men ökar storleken med ungefär en tredjedel. Bäst för små ikoner.

Så använder du Bild till Base64

  1. 01

    Välj en bild från din enhet.

  2. 02

    Kopiera data-URI:n, eller det färdiga CSS-utdraget.

  3. 03

    Klistra in det i din HTML, CSS eller JSON.

Vanliga frågor

Laddas min bild upp till en server?

Nej. Bilden läses helt i din webbläsare, så den lämnar aldrig din enhet.

När bör jag använda en data-URI?

För små bilder som ikoner, där det är värt storleksökningen att undvika en extra nätverksförfrågan. För stora bilder är en vanlig fil bättre.

Varför är Base64-koden större än filen?

Base64-kodning lägger till ungefär 33 procents omkostnad eftersom den representerar binär data med ett begränsat textalfabet.

Om det här verktyget

En bild-till-Base64-omvandlare som producerar en data-URI och ett färdigt CSS-bakgrundsutdrag för att bädda in bilder inline.

Den körs lokalt i din webbläsare, så dina bilder förblir privata.

Relaterade verktyg