Jak převedu obrázek na Base64 data URI?

Přetáhněte nebo vyberte obrázek na stránce Base64 v img-tools a okamžitě získáte jeho Base64 data: URI, poté kliknutím na Kopírovat jej vložíte do svého CSS nebo HTML. Pro opačný směr vložte řetězec data:image/...;base64,... do dekódovacího pole a klikněte na Dekódovat a stáhnout pro uložení souboru. Je to zdarma a vše běží přímo ve vašem prohlížeči pomocí Canvas, takže se vaše obrázky nikdy nenahrávají.

Nahrávají se soubory na server?

Ne. Kódování i dekódování probíhá zcela ve vašem prohlížeči; vaše soubory nikdy neopustí vaše zařízení.

data: URI vkládá soubor jako text inline (Base64), takže můžete obrázek vložit přímo do CSS nebo HTML bez samostatného požadavku.

Kdy bych měl vkládat obrázek jako Base64?

U malých obrázků (ikony, drobná pozadí) pro úsporu požadavku. Velké obrázky jsou lepší jako běžné soubory — Base64 je o ~33 % větší než binární data.

Mohu dekódovat data URI zpět na soubor?

Ano. Vložte data: URI a klikněte na Dekódovat a stáhnout; původní bajty se rekonstruují lokálně.

Je kódování a dekódování Base64 data URI zdarma?

Kódování obrázků do Base64 data URI i jejich zpětné dekódování jsou zcela zdarma navždy — bez účtu, bez limitu počtu souborů a bez skrytých poplatků. Web je financován z reklam a používá cookies pro reklamu. Kódování i dekódování probíhají přímo ve vašem prohlížeči, takže vaše soubory se nikdy nenahrávají na server.

Ano. Nástroj běží lokálně pomocí prohlížečových API a nepotřebuje připojení k serveru.

Obrázek ⇄ Base64 data URI

Toto je bezplatný nástroj běžící v prohlížeči pro převod obrázku na Base64 data: URI (k vložení do CSS/HTML) a dekódování data: URI zpět na stažitelný soubor. Vše probíhá ve vašem zařízení; vaše soubory se nikdy nenahrávají.

Kódujte obrázky do Base64 a dekódujte data URI — zdarma, bez nahrávání.

100% zdarma — navždy. Žádné poplatky, nikdy.
Soukromí: soubory se zpracovávají lokálně ve vašem prohlížeči a nikdy se neodesílají na server.
Žádné nahrávání, žádný účet, žádná registrace.

Otevřete nástroj
Přejděte na stránku Base64 / data URI. Bez registrace, bez instalace, bez nahrávání.
Zakódujte obrázek
Přetáhněte nebo vyberte obrázek a získáte jeho Base64 data: URI, pak klikněte na Kopírovat pro použití v CSS nebo HTML.
Nebo dekódujte data URI
Vložte řetězec data:image/...;base64,... do pole pro dekódování.
Stáhněte soubor
Klikněte na Dekódovat a stáhnout pro uložení dekódovaného obrázku (a zobrazení náhledu).

Jak převedu obrázek na Base64 data URI?: Přetáhněte nebo vyberte obrázek na stránce Base64 v img-tools a okamžitě získáte jeho Base64 data: URI, poté kliknutím na Kopírovat jej vložíte do svého CSS nebo HTML. Pro opačný směr vložte řetězec data:image/...;base64,... do dekódovacího pole a klikněte na Dekódovat a stáhnout pro uložení souboru. Je to zdarma a vše běží přímo ve vašem prohlížeči pomocí Canvas, takže se vaše obrázky nikdy nenahrávají.
Nahrávají se soubory na server?: Ne. Kódování i dekódování probíhá zcela ve vašem prohlížeči; vaše soubory nikdy neopustí vaše zařízení.
Co je data URI?: data: URI vkládá soubor jako text inline (Base64), takže můžete obrázek vložit přímo do CSS nebo HTML bez samostatného požadavku.
Kdy bych měl vkládat obrázek jako Base64?: U malých obrázků (ikony, drobná pozadí) pro úsporu požadavku. Velké obrázky jsou lepší jako běžné soubory — Base64 je o ~33 % větší než binární data.
Mohu dekódovat data URI zpět na soubor?: Ano. Vložte data: URI a klikněte na Dekódovat a stáhnout; původní bajty se rekonstruují lokálně.
Je kódování a dekódování Base64 data URI zdarma?: Kódování obrázků do Base64 data URI i jejich zpětné dekódování jsou zcela zdarma navždy — bez účtu, bez limitu počtu souborů a bez skrytých poplatků. Web je financován z reklam a používá cookies pro reklamu. Kódování i dekódování probíhají přímo ve vašem prohlížeči, takže vaše soubory se nikdy nenahrávají na server.
Funguje offline?: Ano. Nástroj běží lokálně pomocí prohlížečových API a nepotřebuje připojení k serveru.

data: URI (RFC 2397) vkládá obsah souboru inline; s ;base64 je obsah zakódován v Base64.
Kódování Base64 reprezentuje 3 bajty jako 4 ASCII znaky, čímž je text asi o 33 % větší než původní binární data.
Vkládání malých obrázků jako data URI odstraňuje jeden HTTP požadavek, což může zrychlit první vykreslení drobných prvků.
Kódování lokálně ponechává soubor ve vašem zařízení — bez nahrávání a funguje offline.
Base64 používá 64znakovou abecedu (A–Z, a–z, 0–9, +, /) s výplní =.

🧬 Obrázek ⇄ Base64 data URI

Obrázek ⇄ Base64 data URI