Přeskočit na hlavní obsah

Obrázek do Base64 zdarma

Převeďte obrázek na datový URI Base64 pro přímé použití v CSS, HTML nebo Markdownu. Kopírujte hotové úryvky. Kóduje se ve vašem prohlížeči; nikdy se nenahrává.

Funguje offline po načtení

Přetáhněte soubor sem nebo klikněte pro výběr

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · zpracováno na vašem zařízení

nebo stiskněte Ctrl+V pro vložení ze schránky

Procházet soubory

Tip: můžete také vložit obrázek ze schránky (Ctrl+V).

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

Převeďte obrázek na Base64 data URI, které lze vložit přímo do CSS, HTML nebo Markdown — bez samostatného souboru. Kódováno v prohlížeči; nikdy neodesláno.

Běžná použití

  • Vložit obrázek do CSSVložte malou ikonu nebo pozadí jako data-URI do svého stylu.
  • Vložit obrázek do HTMLVložte logo nebo ikonu přímo do samostatného HTML.
  • Konvertovat SVG nebo ikonu na Base64Přeměňte malou ikonu na data-URI pro vložení.
  • Vložit obrázek do MarkdownVložte malý obrázek do souboru Markdown s data-URI.
  • Získat data-URI obrázkuVytvořte surový data: URI, který můžete použít kdekoli.

Jak to funguje

Data URI vkládá obrázek přímo do vašeho kódu jako text, takže se nahraje bez samostatné žádosti o soubor — praktické pro malé ikony a samostatný HTML. Tohle jej zakóduje v prohlížeči.

  1. 1
    Přetáhnete obrázek
    Čte se lokálně pomocí FileReader API — nikdy se nenahrává.
  2. 2
    Je zakódován do Base64
    Bajty obrázku se stanou data: URI (data:image/...;base64,…) přímo v prohlížeči.
  3. 3
    Vyberete si fragment
    Zkopírujte surový data URI nebo hotový CSS (background-image), HTML (<img>) nebo Markdown.
  4. 4
    Vložte do kódu
    Obrázek nyní putuje přímo ve vašem CSS/HTML — bez dalšího souboru k hostování.

Obrázek je zakódován zcela na vašem zařízení. Všimněte si, že Base64 je ~33 % větší než originál, takže data URIs jsou nejlepší pro malé obrázky.

Související nástroje

Časté dotazy