Obrázek do Base64 a zpět

Převod obrázku na Base64 a data URI a zpět s náhledem a stažením. Anglicky image to Base64.

Vše se počítá přímo v tomto prohlížeči — žádná data nikam neodcházejí.

Obrázek → Base64

Soubor s obrázkem

PNG, JPEG, GIF, WebP nebo SVG

Base64 → obrázek

Data URI nebo Base64 řetězec

Jak použít: Obrázek do Base64 a zpět

Nástroj převede obrázek na Base64 řetězec nebo data URI, které lze vložit přímo do HTML či CSS bez samostatného souboru. Funguje i obráceně: z data URI nebo Base64 zobrazí náhled obrázku a nabídne ho ke stažení.

Vyber soubor v poli Soubor s obrázkem.
Zkopíruj výsledek tlačítkem Kopírovat data URI (pro src nebo CSS url()), nebo Kopírovat Base64 (jen samotná data).
Pro opačný směr vlož řetězec do pole Data URI nebo Base64 řetězec; objeví se náhled a možnost stažení.

Časté chyby a tipy

Kdy se data URI vyplatí: U malých ikon a obrázků do několika kilobajtů ušetří samostatný požadavek na server. Velké obrázky vložené jako Base64 zvětší HTML či CSS o třetinu a prohlížeč je nemůže samostatně uložit do mezipaměti.
Typ obrázku: Data URI začíná typem, například data:image/png;base64,. Pokud vkládáš jen holý Base64 řetězec, nástroj typ pozná z obsahu dat.
SVG ikony: Pro SVG bývá kratší textové data URI než Base64; připraví ho nástroj Převod SVG na CSS.

Nástroj je zdarma a běží celý v tvém prohlížeči — vložená data se nikam neodesílají ani neukládají.

Převod SVG na CSS (data URI) →

Další nástroje v kategorii Kódování a text

Převod Unix času na datum Převod Unix časové značky (s, ms, µs, ns) na datum a zpět.
Base64 kódování a dekódování Kódování a dekódování textu v Base64, včetně URL-safe varianty a UTF-8.
Kódování a dekódování URL Procentové kódování a dekódování URL, částí URL a formulářových dat.
Rozbor URL adresy Rozebrání URL na schéma, doménu, port, cestu, parametry a kotvu.
Převod na HTML entity a zpět Převod znaků na HTML entity (pojmenované, dekadické, hex) a zpět.
Escapování řetězců zpětným lomítkem Přidání a odstranění zpětných lomítek v řetězcích pro JavaScript a JSON.
Převod hex ↔ text Převod textu na hexadecimální bajty a zpět, včetně UTF-8 a Latin-1.
Převod číselných soustav Převod celých čísel mezi dvojkovou, osmičkovou, desítkovou, šestnáctkovou a dalšími soustavami.
Číslo slovy Převod čísla nebo částky na slova a zpět podle pravidel češtiny: všechny pády, řadové číslovky, zlomky, koruny a haléře.
Rozbor textu a počet znaků Rozbor textu: kódové body, bajty v UTF-8 a UTF-16, počty znaků, slov a řádků.
Změna stylu zápisu (camelCase, snake_case…) Změna stylu zápisu: camelCase, snake_case, kebab-case, PascalCase a další.
Řazení řádků a odstranění duplicit Řazení řádků, odstranění duplicit a prázdných řádků, ořezání mezer.
Base32 kódování a dekódování Kódování a dekódování textu v Base32 (RFC 4648 i extended hex), s doplněním = nebo bez.
Base58 kódování a dekódování Kódování a dekódování textu v Base58 (abeceda Bitcoinu bez 0, O, I a l).
Base85 (Ascii85) kódování a dekódování Kódování a dekódování textu v Base85 (Ascii85) včetně obalu <~ ~> a zkratky z.
ROT13 a Caesarova šifra Šifrování a dešifrování posunem písmen: ROT13, libovolný Caesarův posun a ROT47.
Překladač Morseovy abecedy Převod textu na Morseovu abecedu a zpět, včetně oddělovačů slov.
Převod domén na Punycode (IDN) Převod internacionalizovaných domén na Punycode (xn--) a zpět.
Quoted-Printable kódování a dekódování Kódování a dekódování Quoted-Printable (=C5=99), používaného v e-mailech (MIME).
Hexdump – výpis bajtů textu Výpis bajtů textu ve formátu hexdump -C a zpětný převod výpisu na text.
XOR šifra XOR textu nebo hex dat opakovaným klíčem; stejný klíč data zase obnoví.
Vytažení URL, e-mailů a IP adres z textu Najde v libovolném textu všechny URL, e-mailové adresy nebo IPv4 adresy.