Převodník obrázek na Base64
Zakódujte obrázky do formátu Base64. Zkopírujte hotový kód pro CSS nebo HTML. Zdarma.
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
Nahrajte obrázek soubor
Přetáhněte obrázek soubor na převodník nebo klikněte pro procházení.Převést
Klikněte na Převést - soubory se zpracovávají lokálně v prohlížeči.Stáhněte Base64
Stáhněte převedený Base64 soubor.
Čím je tento převodník jiný?
Úplné soukromí
Vaše soubory jsou zpracovány výhradně v prohlížeči. Nic není odesláno na server.Bez omezení
Převeďte tolik souborů, kolik potřebujete. Žádné denní limity, žádná omezení.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.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:
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ů.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.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.Ú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.

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.







