Ako previesť obrázok na data URI vo formáte Base64 pre CSS?

Presuňte alebo vložte obrázok (Ctrl+V), potom otvorte kartu CSS a kliknite na Kopírovať. Získate pravidlo background-image: url(...) s vloženým data URI. Karty HTML, Markdown, Surový Base64 a JSON fungujú rovnako.

Prečo je výstup Base64 približne o tretinu väčší ako môj obrázok?

Base64 mení každé 3 bajty na 4 textové znaky, takže text je približne o 33 % väčší ako súbor. Preto sa data URI hodia na malé ikony a logá, nie na veľké fotografie.

Ako môžem skrátiť reťazec Base64?

Najprv otvorte Zmenšiť a nastavte Maximálnu šírku alebo Formát (WebP, JPEG alebo PNG) a znížte Kvalitu pre WebP alebo JPEG. Súbory SVG a GIF sa takto zmenšiť nedajú; SVG má namiesto toho kartu SVG (kódované pre URL).

Môžem reťazec Base64 premeniť späť na obrázok?

Áno. Prepnite Smer na Base64 na obrázok a vložte data URI alebo čistý Base64. Rozpozná PNG, JPEG, GIF, WebP, SVG, BMP, ICO a AVIF a potom ponúkne stiahnutie. Neplatný vstup zobrazí chybu.

Prečo zlyháva kopírovanie alebo je ukážka pri veľkom obrázku orezaná?

Ukážka zobrazuje len prvých 2000 znakov, ale Kopírovať a Stiahnuť poskytnú celú hodnotu. Veľmi dlhé reťazce môžu prekročiť limit schránky prehliadača, preto použite Stiahnuť alebo najprv obrázok zmenšite.

Je to naozaj zadarmo?

Áno. Každý nástroj je zadarmo, bez účtu a bez kreditnej karty. Práca prebieha vo vašom zariadení, nie na našich serveroch, vďaka čomu je jej prevádzka bezplatná.

Nahrávajú sa moje súbory?

Nie. Vaše súbory sa otvárajú a spracúvajú vo vašom prehliadači a neodosielajú sa do LibraTool. Niektoré nástroje najprv stiahnu do prehliadača spracovateľský engine alebo model AI; toto sťahovanie neobsahuje žiadne vaše údaje.

Funguje to na mobile?

Áno. Funguje v aktuálnych mobilných prehliadačoch na iOS a Androide, bez inštalácie. Veľmi veľké súbory môžu byť v telefóne pomalé alebo môže dôjsť pamäť, na tie použite počítač.

🖼️

Obrázok do Base64 zadarmo

Konvertujte obrázok na dátové URI Base64 pre inline použitie v CSS, HTML alebo Markdowne. Skopírujte pripravené úryvky. Zakódované vo vašom prehliadači; nikdy nenahrané.

Veľkosť súboru závisí od vášho zariadeniaSúbory zostávajú súkromnéPrihlásenie nie je potrebnéZadarmo navždy

Po načítaní funguje offline

Presuňte sem súbor alebo kliknutím vyberte

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · spracované vo vašom zariadení

alebo stlačte Ctrl+V na vloženie zo schránky

Prehľadávať súbory

Tip: obrázok si môžete vložiť aj zo schránky (Ctrl+V).

Vaše súbory nikdy neopustia vaše zariadenie. Všetko spracovanie prebieha lokálne vo vašom prehliadači.

Konvertuje obrázok na Base64 data URI, ktorý môžete vložiť priamo do CSS, HTML alebo Markdown — bez samostatného súboru. Kóduje sa v prehliadači; nikdy sa neposiela.

Bežné použitia

Vložiť obrázok do CSSVložiť malú ikonu alebo pozadie ako data URI do vášho štýlu.
Vložiť obrázok do HTMLVložiť logo alebo ikonu priamo do samostatného HTML.
Konvertujte SVG alebo ikonu na Base64Zmeňte malú ikonu na data URI na vloženie.
Vložiť obrázok do MarkdownVložiť malý obrázok do súboru Markdown s data URI.
Získajte URI obrázkuVytvorte surové data: URI, ktoré môžete použiť kdekoľvek.

Ako to funguje

URI údajov vkladá obrázok priamo do vášho kódu ako text, takže sa načítava bez samostatného požiadavku súboru — vhodné pre malé ikony a samostatné HTML. V prehliadači to kóduje.

1
Presuniete obrázok
Číta sa lokálne pomocou FileReader API — nikdy sa nenahrávaje.
2
Je to kódované v Base64
Bajty obrázka sa stanú URI údajov (data:image/...;base64,…) priamo v prehliadači.
3
Vyberiete si úryvok
Skopírujte surový URI údajov alebo pripravené CSS (background-image), HTML (<img>) alebo Markdown.
4
Vložte do svojho kódu
Obrázok teraz cestuje v rámci vášho CSS/HTML — bez extra súboru na hosting.

Obrázok je kódovaný úplne na vašom zariadení. Všimnite si, že Base64 je ~33% väčší ako pôvodný, takže URI údajov sú najlepšie pre malé obrázky.

Súvisiace nástroje

🖼️

Steganografia obrázkov (skrytie textu v obrázku)

Skryte tajnú textovú správu v obrázku PNG pomocou steganografie najmenej významného bitu s voliteľným šifrovaním AES-256-GCM heslom. Neskôr ju extrahujte pomocou rovnakého nástroja. Všetko beží vo vašom prehliadači.

VyskúšajteSúbory zostávajú lokálne

🔢

Kódovač a dekodér Base64

Zakódujte text alebo súbory do Base64 alebo dekódujte reťazce Base64 späť na čistý text. Okamžité, súkromné a zadarmo.

Vyskúšajte

🔗

Kodér a dekodér URL

Kódujte a dekódujte URL adresy a reťazce dotazov. Podpora encodeURIComponent, decodeURIComponent a analýzy reťazcov dotazov.