Dochází při převodu ke ztrátě kvality?

Ne, Base64 kódování je bezztrátové. Dekódovaný obrázek je byte po bytu identický s originálem.

Jaký je rozdíl mezi surový Base64 a Data URI?

Surový Base64 je jen řetězec zakódovaných znaků. Data URI ho obalí prefixem data:image/png;base64, díky čemuž ho prohlížeč rozpozná a lze ho vložit přímo do atributu src nebo CSS background-image.

Jsou moje obrázky nahrávány na server?

Ne. Celé kódování probíhá lokálně v prohlížeči přes FileReader API — vaše soubory nikdy neopustí zařízení.

Jak vložím Base64 obrázek do CSS?

Zkopírujte Data URI a použijte ho jako hodnotu background-image: url('data:image/png;base64,...'); ve svém CSS souboru.

Převodník obrázku na Base64 - Bezplatný online nástroj

Převeďte obrázek na řetězec Base64 okamžitě. Podporuje PNG, JPG, GIF, WebP, SVG i BMP a zpracuje vše bezpečně přímo ve vašem prohlížeči.

Nahrát obrázek

Nahrát

Vymazat

Přetáhněte nebo klikněte pro nahrání

Podporuje PNG, JPG, GIF, WebP, SVG, BMP

Výstup Base64

Řetězec Base64 se objeví zde...

Kopírovat

Řetězec Base64 se objeví zde...

Jak převést obrázek na Base64

Nahrajte svůj obrázek přetažením nebo kliknutím na oblast nahrávání.

Nástroj okamžitě převede váš obrázek na řetězec Base64.

Zkopírujte surový řetězec Base64 nebo formát Data URI pro použití v HTML/CSS.

Použijte vygenerovaný řetězec k vložení obrázků přímo do vašeho kódu.

Klíčové vlastnosti

Okamžitý převod

Převeďte obrázky na Base64 okamžitě bez nahrávání na server.

Soukromí na prvním místě

Veškeré zpracování probíhá lokálně ve vašem prohlížeči. Vaše obrázky nikdy neopustí vaše zařízení.

Podporuje všechny formáty

Kompatibilní s formáty PNG, JPEG, GIF, SVG, WebP a BMP.

Připraveno pro Data URI

Získejte kompletní řetězec Data URI připravený k použití v HTML značkách <img> nebo CSS background-image.

FAQ

Proč převádět obrázek na Base64?

Převod obrázků na Base64 vám umožňuje vložit je přímo do souborů HTML nebo CSS, což snižuje počet HTTP požadavků a zrychluje dobu načítání stránky pro malé obrázky.

Existuje limit velikosti souboru?

Vzhledem k tomu, že zpracování probíhá ve vašem prohlížeči, limit závisí na paměti vašeho zařízení. Doporučuje se však používat Base64 pouze pro malé obrázky (ikony, loga), aby se zabránilo nafouknutí velikosti vašeho souboru HTML.

Dochází ke ztrátě kvality?

Ne, kódování Base64 je bezztrátové. Dekódovaný obrázek bude identický s originálem.

Přetáhněte libovolný obrázek do nástroje nebo ho vyberte kliknutím a ihned získáte Base64 řetězec i hotový Data URI odkaz (data:image/png;base64,...) připravený ke vložení do HTML nebo CSS. Nástroj podporuje PNG, JPG, GIF, WebP, SVG a BMP a vše zpracovává přímo v prohlížeči — žádný soubor se nikdy nenahraje na server.

Jak převést obrázek na Base64

1
Nahrajte obrázek
Přetáhněte soubor do oblasti nahrávání nebo klikněte a vyberte soubor. Podporovány jsou PNG, JPG, GIF, WebP, SVG a BMP.
2
Získejte zakódovaný výstup
Nástroj přečte soubor lokálně a okamžitě vygeneruje Base64 řetězec — bez přenosu na server.
3
Vyberte surový Base64 nebo Data URI
Zkopírujte surový Base64 text pro JSON payloady, nebo zkopírujte celý Data URI řetězec pro použití v HTML <img> tagu a CSS background-image.
4
Vložte do kódu
Vložte Data URI přímo do HTML nebo CSS a inline obrázek ušetří jeden HTTP požadavek.

Zdroje

RFC 2397 — Schéma datové URL
Specifikace IETF definující schéma data: URL pro vkládání Base64 kódovaných médií přímo do dokumentu.
MDN — Datové URL
Praktický průvodce syntaxí datových URL, kódováním Base64 a vkládáním obrázků do HTML a CSS.

Související nástroje

Base64 na obrázek

Dekódujte Base64 řetězec nebo Data URI zpět na stažitelný soubor obrázku.

Kódování / dekódování Base64

Zakódujte nebo dekódujte libovolný text nebo data do a z Base64.

Komprimace obrázků

Nejprve komprimujte obrázky, aby byl váš Base64 výstup a HTML soubor co nejmenší.

Konvertor WebP

Převeďte obrázky do lehkého formátu WebP před kódováním.

Nejčastější dotazy

Proč převádět obrázek na Base64?: Base64 umožňuje vložit obrázek přímo do HTML nebo CSS jako textový řetězec, čímž eliminujete samostatný HTTP požadavek. Hodí se zejména pro ikony a malé grafiky.
Existuje limit velikosti souboru?: Technický limit stanovuje paměť vašeho prohlížeče. Doporučujeme používat Base64 pouze pro malé obrázky — výstupní řetězec je přibližně o 33 % delší než původní binární soubor.
Dochází při převodu ke ztrátě kvality?: Ne, Base64 kódování je bezztrátové. Dekódovaný obrázek je byte po bytu identický s originálem.
Jaký je rozdíl mezi surový Base64 a Data URI?: Surový Base64 je jen řetězec zakódovaných znaků. Data URI ho obalí prefixem data:image/png;base64, díky čemuž ho prohlížeč rozpozná a lze ho vložit přímo do atributu src nebo CSS background-image.
Jsou moje obrázky nahrávány na server?: Ne. Celé kódování probíhá lokálně v prohlížeči přes FileReader API — vaše soubory nikdy neopustí zařízení.
Jak vložím Base64 obrázek do CSS?: Zkopírujte Data URI a použijte ho jako hodnotu background-image: url('data:image/png;base64,...'); ve svém CSS souboru.