Obrázek na Base64

Tento převodník obrázku na Base64 promění obrázek v datové URI, dlouhý textový řetězec, který obrázek vloží přímo, plus úryvek CSS pozadí připravený k použití. Obrázek můžete vložit inline místo odkazu na samostatný soubor.

Běží lokálně v vašem prohlížeči, takže váš obrázek se přečte na vašem zařízení a nikdy se nenahraje.

Datové URI nese celý obrázek uvnitř značek, takže prohlížeč neprovádí samostatný síťový požadavek na jeho stažení. U malých prostředků jako ikony může tento ušetřený obrat udělat stránku pocitově rychlejší.

Háček je ve velikosti a cachování. Base64 přidává zhruba 33 procent režie, protože reprezentuje binární data omezenou textovou abecedou, a vložený obrázek nelze cachovat samostatně, takže se stahuje znovu s každou stránkou, která ho obsahuje.

Pravidlem palce je vkládat inline malé obrázky, ikony, drobná loga nebo sprite, kde se vyhnutí požadavku vyplatí za režii, a větší obrázky ponechat jako běžné soubory, které prohlížeč může cachovat a načítat paralelně.

Datové URI fungují všude, kde se přijímá URL: img src, CSS pozadí nebo pole v JSON či e-mailové šabloně. Díky tomu jsou užitečná pro samostatné úryvky.