Obrázok ↔ Base64 konvertuje obrázkové súbory (PNG, JPG, SVG, WebP, GIF) na Base64-kódované data URI a späť. Presuňte, vložte alebo kliknutím načítajte obrázok; skopírujte celý reťazec data:image/...;base64,... a vložte ho priamo do CSS, HTML alebo konfigurácie. Alebo vložte data URI a zobrazte si náhľad či stiahnite ako obrázkový súbor.
Obrázky kódované v Base64 možno vložiť priamo do CSS, HTML alebo konfiguračných súborov — hodí sa to pri malých ikonách, e-mailových šablónach alebo build artefaktoch, kde nie sú žiaduce externé požiadavky na obrázky. Tento nástroj robí konverziu bez námahy. Presuňte obrázkový súbor, vložte ho zo schránky alebo kliknutím prehľadajte disk. Nástroj ho prevedie na data URI so správnym MIME typom (data:image/png;base64,..., data:image/svg+xml;base64,... atď.). Funguje aj opačný smer — vložte data URI a nástroj vykreslí obrázok na náhľad a ponúkne odkaz na stiahnutie ako skutočného súboru. Všetko prebieha priamo v prehliadači, žiadne nahrávanie — vaše obrázky nikdy neopustia váš počítač. Podporuje formáty PNG, JPG/JPEG, SVG, WebP, GIF a ICO.
Viacero spôsobov načítania obrázka: presunutie súboru z vášho OS, vloženie zo schránky (fungujú aj snímky obrazovky) alebo kliknutím otvorte výber súboru.
Keď vložíte data URI, nástroj okamžite vykreslí obrázok, takže si ho môžete overiť pred kopírovaním alebo stiahnutím.
Skopíruje celý reťazec data:image/...;base64,... pripravený na vloženie do vášho CSS, HTML atribútu src alebo JSON konfigurácie.
Žiadne čakanie na nahratie — všetko prebieha lokálne. Aj veľké obrázky sa skonvertujú za zlomok sekundy.
Z Base64 data URI uložte dekódovaný obrázok ako skutočný súbor (PNG, JPG, SVG atď.) so správnou príponou.
Podporuje PNG, JPG, SVG, WebP, GIF a ICO. MIME typ sa deteguje automaticky, takže vaše data URI je vždy správne.
Skonvertujte ikonu 16×16 na Base64 a vložte ju priamo do background-image: url(...). Žiadna HTTP požiadavka, žiadny cache miss — ikona sa dodáva priamo s vaším CSS.
Vkladajte obrázky priamo do HTML e-mailov ako data URI, keď klienti blokujú externé odkazy na obrázky alebo ich označia ako spam.
Zahrňte malé obrázky do výstupu webpack/vite balíčka, aby ste eliminovali dodatočné požiadavky na assety pri štarte aplikácie.
Vložte data URI z dev nástrojov, HTML zdroja alebo CSS súboru a zobrazte si náhľad či stiahnite pôvodný obrázok ako súbor.
Keď sa vložený obrázok nevykreslí, vložte data URI do dekodéra a overte, či je Base64 platné a MIME typ správny.
Kliknite na ikonu Image Base64 v docku DevSuite Pro. Otvorí sa dvojpanelové okno s oblasťou na presunutie a poľom pre data URI.
Presuňte súbor do oblasti na presunutie, vložte obrázok zo schránky (Ctrl+V) alebo kliknutím na oblasť prehľadajte disk. Zobrazí sa náhľad.
Base64 data URI sa okamžite vygeneruje vo výstupnom poli — kliknutím na Kopírovať ho pošlete do schránky, pripravené na vloženie priamo do kódu.
Ak chcete previesť Base64 → obrázok, vložte data URI do poľa. Náhľad vykreslí obrázok a objaví sa tlačidlo Stiahnuť.
Uložte zrekonštruovaný obrázok ako skutočný súbor, alebo skopírujte data URI a zdieľajte či vložte inde.
Nainštalujte si DevSuite Pro zadarmo a odomknite viac ako 64 vývojárskych nástools pre váš prehliadač.
