Image ↔ Base64 převádí obrázkové soubory (PNG, JPG, SVG, WebP, GIF) na Base64 kódovaná data URI a zpět. Přetáhněte, vložte nebo klikněte pro nahrání obrázku; zkopírujte celý řetězec data:image/...;base64,... a vložte ho přímo do CSS, HTML nebo konfigurace. Nebo vložte data URI pro náhled a stažení jako obrázkový soubor.
Obrázky kódované v Base64 lze vložit přímo do CSS, HTML nebo konfiguračních souborů — hodí se pro malé ikony, e-mailové šablony nebo build artefakty, kde nejsou žádoucí externí požadavky na obrázky. Tento nástroj dělá z převodu hračku. Přetáhněte obrázkový soubor, vložte ho ze schránky nebo klikněte pro procházení. Nástroj ho převede na data URI se správným MIME typem (data:image/png;base64,..., data:image/svg+xml;base64,... atd.). Funguje i opačný směr — vložte data URI a nástroj vykreslí obrázek pro náhled a nabídne odkaz ke stažení jako skutečný soubor. Vše probíhá přímo v prohlížeči, žádné nahrávání na server — vaše obrázky nikdy neopustí váš počítač. Podporuje formáty PNG, JPG/JPEG, SVG, WebP, GIF a ICO.
Několik způsobů, jak nahrát obrázek: přetažením souboru z operačního systému, vložením ze schránky (funguje i se screenshoty) nebo kliknutím pro otevření výběru souboru.
Po vložení data URI nástroj obrázek okamžitě vykreslí, takže si ho můžete ověřit ještě před kopírováním nebo stažením.
Zkopíruje kompletní řetězec data:image/...;base64,..., připravený k vložení do vašeho CSS, atributu src v HTML nebo JSON konfigurace.
Žádné čekání na nahrání — vše probíhá lokálně. I velké obrázky se převedou ve zlomku sekundy.
Z Base64 data URI uložíte dekódovaný obrázek jako skutečný soubor (PNG, JPG, SVG atd.) se správnou příponou.
Podporuje PNG, JPG, SVG, WebP, GIF a ICO. MIME typ se detekuje automaticky, takže je vaše data URI vždy správně.
Převeďte ikonu 16×16 na Base64 a vložte ji přímo do background-image: url(...). Žádný HTTP požadavek, žádné cache miss — ikona putuje spolu s vaším CSS.
Vkládejte obrázky přímo do HTML e-mailů jako data URI, když jsou externí odkazy na obrázky blokovány klienty nebo označeny jako spam.
Zahrňte malé obrázky do výstupu webpack/vite balíčku, abyste eliminovali zbytečné požadavky na assety při startu aplikace.
Vložte data URI z devtools, HTML zdrojáku nebo CSS souboru pro náhled a stažení výsledného obrázku jako souboru.
Když se vložený obrázek nevykresluje, vložte data URI do dekodéru a ověřte, že je Base64 platné a MIME typ správný.
Klikněte na ikonu Image Base64 v docku DevSuite Pro. Otevře se panel se dvěma sekcemi — s plochou pro přetažení a polem pro data URI.
Přetáhněte soubor na plochu, vložte obrázek ze schránky (Ctrl+V) nebo klikněte na plochu a vyberte soubor. Zobrazí se náhled.
Base64 data URI se okamžitě vygeneruje ve výstupním poli — klikněte na Kopírovat a odešlete ho do schránky, připravené k vložení.
Pro převod Base64 → obrázek vložte data URI do pole. Zobrazí se náhled obrázku a objeví se tlačítko Stáhnout.
Uložte zrekonstruovaný obrázek jako skutečný soubor, nebo zkopírujte data URI a sdílejte či vložte ho jinam.
Nainstalujte si DevSuite Pro zdarma a odemkněte 64+ vývojářských nástrojů pro svůj prohlížeč.
