Převodník obrázek na Base64

Poslední revize obsahu:

Zakódujte obrázky do formátu Base64. Zkopírujte hotový kód pro CSS nebo HTML. Zdarma.

na

Proč převádět obrázek na Base64?

Base64 je způsob zápisu binárních dat jako textového řetězce. Takto zakódovaný obrázek vložíte přímo do HTML (<img src="data:image/png;base64,...">), CSS (background-image: url(data:...)) nebo JSON, případně ho předáte API, aniž byste soubor ukládali na server.

Kódování Base64 potřebujete v několika případech: pro malé ikony a loga vložené přímo do CSS (méně požadavků HTTP), pro e-mailové šablony s vloženými obrázky (Outlook externí obrázky ve výchozím stavu blokuje), pro odesílání obrázků do API (OpenAI Vision, Google Cloud Vision) a pro samostatné soubory HTML bez závislostí.

Base64 zvětšuje data zhruba o 33 procent (ze 3 binárních bajtů vzniknou 4 znaky). U malých obrázků do 10 KB převáží úspora požadavků. U velkých fotografií nad 50 KB je lepší běžný soubor: Base64 by stránku zvětšil a zpomalil načítání.

Celé kódování probíhá lokálně v prohlížeči; data se neodesílají na žádný server. Bez registrace, bez limitů, bez sledování.

Jak převést obrázek na Base64

  1. Nahrajte obrázek soubor

    Přetáhněte obrázek soubor na převodník nebo klikněte pro procházení.
  2. Převést

    Klikněte na Převést - soubory se zpracovávají lokálně v prohlížeči.
  3. Stáhněte Base64

    Stáhněte převedený Base64 soubor.

Čím je tento převodník jiný?

  1. Úplné soukromí

    Vaše soubory jsou zpracovány výhradně v prohlížeči. Nic není odesláno na server.
  2. Bez omezení

    Převeďte tolik souborů, kolik potřebujete. Žádné denní limity, žádná omezení.
  3. Soubor nebo vložený text

    Nahrajte soubor PNG, JPG, WebP, SVG, GIF tlačítkem, nebo vložte obsah do pole. Převodník zpracuje jeden dokument najednou a výsledek ukáže pod ním.
  4. Okamžitý výsledek

    Klikněte na Převést: výsledek se hned objeví v poli pod ním, včetně chybového hlášení, pokud je vstup neplatný.

Jak funguje kódování obrázku do Base64?

Base64 kódování převádí binární data obrázku na textový řetězec používající 64 tisknutelných ASCII znaků (A–Z, a–z, 0–9, +, /). Každá skupina 3 bytů binárních dat se stane 4 Base64 znaky, což znamená, že kódovaný řetězec je přibližně o 33% větší než originální soubor.

Konvertor načte váš soubor s obrázkem, zakóduje ho do Base64 řetězce a přidá správný Data URI prefix (např. data:image/png;base64,). Tím vznikne samostatný řetězec, který lze přímo vložit do HTML, CSS nebo JSON bez potřeby samostatného souboru s obrázkem.

Base64 kódované obrázky se často používají pro malé ikony, loga a prvky rozhraní, kde eliminace extra HTTP požadavku zlepšuje dobu načítání. Konverze probíhá zcela ve vašem prohlížeči.

Tipy pro kódování obrázku do Base64

Několik tipů, jak se vyhnout běžným problémům:

  1. Nárůst velikosti

    Base64 kódování zvětší velikost souboru přibližně o 33%. Obrázek 10 KB se stane Base64 řetězcem o přibližně 13,3 KB. Ideální pro malé obrázky pod 10 KB. Pod tuto hranici se dostaneš hlavně přes rozměry v pixelech. Ikona uložená v 512 px nese stejná data i tam, kde je vidět ve velikosti 64 px — zmenši ji předtím v editoru obrázků.
  2. Data URI formát

    Výstup obsahuje úplný Data URI prefix (data:image/png;base64,...) — připravený k vložení do HTML src atributu nebo CSS background-image vlastnosti.
  3. Podporované formáty

    Konvertor přijímá PNG, JPG, GIF, WebP, SVG a BMP. MIME typ v Data URI se nastaví automaticky podle vstupního formátu.
  4. Úvahy o cache

    Vložené Base64 obrázky nelze cachovat samostatně prohlížečem. Pro obrázky používané na více stránkách jsou samostatné soubory s cache hlavičkami efektivnější.

Kdy použít Base64 a kdy běžný soubor s obrázkem

Kódování Base64 se vyplatí v konkrétních případech, ale není vždy správná volba:

  • Base64 se hodí na – malé obrázky pod 10 KB (ikony, loga), e-mailové šablony s vloženými obrázky, požadavky na API, které chtějí obrázek uvnitř JSON, a samostatné soubory HTML.
  • Běžný soubor se hodí na – velké obrázky nad 50 KB, hlavní obrázky a fotografie webu, obrázky, které si má prohlížeč uložit do mezipaměti, a obsah podávaný z CDN.

Base64 zvětší data o 33 % a znemožní ukládání do mezipaměti prohlížeče. Pro rychlý web vkládej jen velmi malé prvky a všechno ostatní podávej jako běžné soubory se správnými hlavičkami cache.

Převést JPG do jiných formátů

Poslední revize obsahu: · napsal a zkontroloval tým Arteon

Často kladené otázky o převodu obrázek na Base64

Je převod obrázek na Base64 zdarma?

Ano, tento převodník je zcela zdarma a bez omezení. Žádná registrace, žádné vodoznaky.

Nahrává převodník moje soubory?

Ne. Veškeré zpracování probíhá lokálně v prohlížeči. Soubory nikdy neopustí vaše zařízení.

Mohu převést více souborů najednou?

Ne. Převodník zpracuje jeden soubor nebo jeden vložený text najednou. Výsledek zkopírujte nebo uložte a potom vložte další obsah.

Funguje převodník na mobilu?

Ano, funguje na jakémkoli zařízení s moderním webovým prohlížečem.

Je kódování obrázku do Base64 bezpečné?

Ano. Veškerá konverze probíhá lokálně ve vašem prohlížeči. Vaše obrázky se nikdy neodesílají na server.

Kdy použít Base64 místo souborů s obrázky?

Base64 je ideální pro malé obrázky (ikony, loga pod 10 KB), kde je důležité ušetřit HTTP požadavek. Pro větší obrázky jsou samostatné soubory efektivnější, protože je prohlížeč může cachovat.

Jaké formáty obrázků jsou podporovány?

Konvertor přijímá PNG, JPG, GIF, WebP, SVG, BMP a další standardní formáty obrázků. MIME typ v Data URI se detekuje automaticky.

Snímek obrazovky bezplatného nástroje Arteon: Převodník obrázek na Base64

Pomozte nám vylepšit naše nástroje

Máte nápad, našli jste chybu nebo chcete něco navrhnout? Napište nám – odpovíme do 24 hodin.

Podívej se na další užitečné nástroje

JPG na WebP

JPG na WebP

Převeďte fotky JPG na lehké WebP. Snižte váhu obrázků až o 35%.

Editor obrázků

Editor obrázků

Změňte velikost, ořízněte a převeďte obrázek. Hotové formáty pro sociální sítě, kulaté avatary, export JPG/PNG/WebP.

Kontrola meta titulku a popisu

Kontrola meta titulku a popisu

Zkontrolujte délku titulku a popisu v pixelech. Živý náhled v Google a tipy na optimalizaci.

PNG na JPG

PNG na JPG

Převeďte soubory PNG na JPG v prohlížeči. Bez limitu, bez registrace.

Generátor favicon

Generátor favicon

Vytvořte kompletní sadu favicon.ico pro svůj web z jednoho obrázku. Všechny potřebné velikosti, bez přihlášení.

Generátor barevných palet

Generátor barevných palet

Vygenerujte 9 palet z jedné barvy: monochromatickou, komplementární, triádickou a další. Kódy HEX.

Kontrola kontrastu barev

Kontrola kontrastu barev

Zkontrolujte kontrast textu a pozadí podle WCAG 2.1 AA a AAA. Automatická korekce barev.

Generátor QR kódu zdarma

Generátor QR kódu zdarma

Vytvořte QR kód pro web, vizitku vCard nebo tisk. Export PNG a SVG, bez registrace.

Počítadlo slov a znaků

Počítadlo slov a znaků

Spočítejte slova, znaky, věty a čas čtení. Zkontrolujte čitelnost pomocí skóre Flesch-Kincaid.