Obrázok na Base64
Presuň ľubovoľný obrázok do tohto konvertora obrázka na Base64 a získaj data URI a hotové úryvky pre HTML, CSS a JavaScript. Vložené obrázky šetria HTTP požiadavky pri malých ikonách a sú nevyhnutné pre single-file HTML, e-mailové šablóny a offline aplikácie.
Ako konvertovať Obrázok na Base64 online
- Vyber súbor obrázka alebo vlož URL obrázka.
- Vyber výstup: data URI,
<img>, CSS background, favicon, JSON a ďalšie. - Klikni na Kódovať obrázok do Base64.
- Zobraz náhľad obrázka a skopíruj kód.
Ďalšie konvertory Obrázok na Base64
Výstupné formáty
Vyber, ako má byť výsledok zabalený. Konvertor môže vrátiť:
- txt: len Base64 reťazec, pripravený na vloženie do kódu, databázového poľa alebo API požiadavky.
- uri: kompletná URI
data:, ktorú môžeš vložiť do adresného riadku prehliadača alebo použiť kdekoľvek, kde sa akceptuje URL. - html img: tag
<img>s data URI vsrc. - css background image: CSS pravidlo s
background-image: url(data:...). - html favicon: tag
<link rel="icon">pre vložený favicon. - html hyperlink: odkaz
<a>, ktorý stiahne alebo otvorí vložený súbor. - html iframe: tag
<iframe>, ktorý zobrazí obsah inline. - javascript image: JavaScript, ktorý vytvorí objekt
Image. - javascript popup: JavaScript, ktorý otvorí obsah v novom okne.
- json: JSON objekt s názvom súboru, MIME typom a dátami.
- xml: XML element s dátami vo vnútri sekcie CDATA.
Kedy by si mal vkladať obrázky ako Base64?
Vkladaj malé obrázky (približne pod 5–10 KB) ako ikony, logá a placeholdery, aby si ušetril požiadavky. Veľké fotky nevkladaj: zaťažia HTML/CSS, nedajú sa cacheovať osobitne a spomaľujú renderovanie. Podrobnejšie pozri vysvetlenie data URI.
Často kladené otázky
Ako konvertujem obrázok na Base64?
Vyber obrázok, ako výstup zvol „Data URI“ alebo „<img>“ a klikni „Kódovať obrázok do Base64“. Skopíruj výsledok do HTML alebo CSS.
Aké formáty obrázkov sú podporované?
Akýkoľvek formát, ktorý tvoj prehliadač vie prečítať: PNG, JPG/JPEG, GIF, WebP, SVG, BMP, ICO, AVIF, TIFF a ďalšie.
Ako použijem Base64 obrázok v HTML?
Daj data URI do atribútu src: <img src="data:image/png;base64,iVBORw0KGgo..." alt="">.
Komentáre (0)
Otázky, nápady alebo chyba v „Obrázok na Base64“? Zanechaj komentár, ohodnoť nástroj alebo odpovedz ostatným.
Zatiaľ žiadne komentáre. Buď prvý, kto zdieľa spätnú väzbu!