Obrázek na Base64

Převeďte PNG, JPG, GIF, WebP a SVG na Base64 Data URI bez změny původních bajtů. Výsledek zkopírujte pro HTML či CSS nebo stáhněte jako zakódovaný text.

Zakódovat
Vstup0 znaků
Výsledek

Zde se zobrazí výsledek.

Jak převést obrázek na Base64

  1. Vyberte obrázek nebo ho přetáhněte do vstupní oblasti.
  2. Pro HTML a CSS vypněte zalamování řádků a ponechte výplňové znaky standardního Base64.
  3. Obrázek zakódujte a zkopírujte celou Data URI nebo stáhněte textový výsledek.

Obrázek na Base64: co je dobré vědět

Data URI obsahuje typ média a zakódované bajty obrázku. Kódování nemění rozměry ani znovu nekomprimuje obrázek. Base64 zvětšuje data přibližně o třetinu, proto bývají pro velké webové obrázky vhodnější běžné soubory.

Jednopixelový GIF jako Base64 Data URI

Vstup
pixel.gif (1 × 1 px, 42 B)
Výsledek
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

Obrázek na Base64: otázky a odpovědi

Jak výsledek použít v HTML nebo CSS?

Celou hodnotu data:image/…;base64,… vložte do atributu HTML img src nebo do CSS url("…"). Předpona určuje formát obrázku a není součástí samotných dat Base64. Nástroj vrací URI, nikoli hotovou značku HTML nebo pravidlo CSS.

Zůstanou zachovány průhlednost, animace a kvalita?

Ano. Kódují se původní bajty souboru bez změny rozměrů či opětovné komprese. Průhlednost PNG, animace GIF a značkovací kód SVG zůstávají v datech. Zobrazení stále závisí na aplikaci, která výsledek otevře.

Jaké formáty a velikosti souborů jsou podporovány?

Nástroj podle obsahu rozpozná PNG, JPEG, GIF, WebP, BMP, TIFF, AVIF a identifikovatelné dokumenty SVG. Limit je 32 MiB na soubor; zpracovává se jeden soubor najednou. Pro jiné formáty použijte Soubor na Base64. Možnost kódování nezaručuje zobrazení v prohlížeči.

Je Base64 menší a funguje v e-mailu?

Ne. Zakódovaná data jsou přibližně o třetinu větší a navíc obsahují předponu URI. Vložení může být vhodné pro malé ikony; velké obrázky obvykle lépe fungují jako samostatné soubory. Poštovní klienti a bezpečnostní pravidla mohou obrázky data: blokovat. Ověřte je v cílovém prostředí.

Odesílají se moje soubory, tokeny nebo text na server?

Ne. Vstup se zpracovává ve vašem prohlížeči. Web poskytuje stránku a programový kód, ale vaše data neodesílá na převodní server ani je neukládá do účtu.

  • Base64 na obrázek

    Dekódujte obrázek Base64 nebo Data URI, zobrazte podporované formáty a stáhněte původní bajty obrázku.

  • Soubor na Base64

    Zakódujte libovolný soubor do Base64 s volitelnou předponou Data URI, výplní a zalamováním MIME.

  • Kodér a dekodér HTML entit

    Převádějte text a znaky Unicode na HTML entity nebo dekódujte pojmenované a číselné odkazy na znaky.

Všechny vývojářské nástroje

Kódování a soubory

Převádějte text, bajty, URL a vložené obrázky bez změny původních dat.

Kontrola dat a textu

Čtěte strukturovaná data, prohlížejte tokeny a hledejte rozdíly mezi texty.

Hashe, identifikátory a plánování

Ověřujte integritu souborů, vytvářejte identifikátory a pracujte s časem i opakovanými úlohami.

Vstup a soubory se zpracovávají na vašem zařízení. Nenechávejte citlivé výsledky ve sdílené schránce. Pro práci se soukromými klíči a tokeny používejte důvěryhodné zařízení.