Hogyan alakíthatok át egy képet Base64 data URI-vá?

Húzz vagy válassz egy képet az img-tools Base64 oldalán, hogy azonnal megkapd a Base64 data: URI-ját, majd kattints a Másolás gombra, hogy beilleszd a CSS- vagy HTML-kódodba. A másik irányhoz illessz be egy data:image/...;base64,... karakterláncot a dekódoló mezőbe, és kattints a Dekódolás és letöltés gombra a fájl mentéséhez. Ingyenes, és a Canvas segítségével teljes egészében a böngésződben fut, így a képeid soha nem töltődnek fel.

Feltöltődnek a fájlok egy szerverre?

Nem. A kódolás és dekódolás egyaránt teljes egészében a böngésződben fut; a fájljaid soha nem hagyják el az eszközödet.

Egy data: URI egy fájlt szövegként (base64) ágyaz be soron belül, így egy képet közvetlenül a CSS-be vagy HTML-be helyezhetsz külön kérés nélkül.

Mikor érdemes egy képet base64-ként beágyazni?

Kis képeknél (ikonok, apró hátterek) egy kérés megspórolásához. A nagy képek normál fájlként jobbak — a base64 ~33%-kal nagyobb, mint a bináris.

Visszadekódolhatok egy data URI-t fájllá?

Igen. Illeszd be a data: URI-t, és kattints a Dekódolás és letöltés gombra; az eredeti bájtok helyben rekonstruálódnak.

Ingyenes a képek base64 kódolása és dekódolása?

Igen, a Kép ⇄ Base64 Data URI eszköz teljesen ingyenes, örökre — nincs regisztráció, nincsenek rejtett díjak, és bármennyi fájlt kódolhatsz vagy dekódolhatsz korlátok nélkül. Az oldal hirdetésekből tartja fenn magát. A kódolás és dekódolás teljes egészében a böngésződben történik, és a fájljaid soha nem töltődnek fel semmilyen szerverre.

Igen. Az eszköz helyben fut a böngésző API-jaival, és nincs szüksége szerverkapcsolatra.

Kép ⇄ Base64 Data URI

Ez egy ingyenes, böngészőalapú eszköz, amely egy képet base64 data: URI-vé alakít (CSS/HTML-be ágyazáshoz), és egy data: URI-t dekódol vissza letölthető fájllá. Minden az eszközödön fut; a fájljaid soha nem töltődnek fel.

Kódolj képeket base64-be és dekódolj data URI-ket — ingyen, feltöltés nélkül.

100% ingyenes — örökre. Soha semmilyen díj.
Privát: a fájlok helyben, a böngésződben dolgozódnak fel, és soha nem kerülnek szerverre.
Nincs feltöltés, nincs fiók, nincs regisztráció.

Nyisd meg az eszközt
Lépj a Base64 / Data URI oldalra. Nincs regisztráció, nincs telepítés, nincs feltöltés.
Kódolj egy képet
Húzz be vagy válassz egy képet a base64 data: URI-jének megszerzéséhez, majd kattints a Másolás gombra a CSS-ben vagy HTML-ben való használathoz.
Vagy dekódolj egy data URI-t
Illessz be egy data:image/...;base64,... karakterláncot a dekódoló mezőbe.
Töltsd le a fájlt
Kattints a Dekódolás és letöltés gombra a dekódolt kép mentéséhez (és előnézet megtekintéséhez).

Hogyan alakíthatok át egy képet Base64 data URI-vá?: Húzz vagy válassz egy képet az img-tools Base64 oldalán, hogy azonnal megkapd a Base64 data: URI-ját, majd kattints a Másolás gombra, hogy beilleszd a CSS- vagy HTML-kódodba. A másik irányhoz illessz be egy data:image/...;base64,... karakterláncot a dekódoló mezőbe, és kattints a Dekódolás és letöltés gombra a fájl mentéséhez. Ingyenes, és a Canvas segítségével teljes egészében a böngésződben fut, így a képeid soha nem töltődnek fel.
Feltöltődnek a fájlok egy szerverre?: Nem. A kódolás és dekódolás egyaránt teljes egészében a böngésződben fut; a fájljaid soha nem hagyják el az eszközödet.
Mi az a data URI?: Egy data: URI egy fájlt szövegként (base64) ágyaz be soron belül, így egy képet közvetlenül a CSS-be vagy HTML-be helyezhetsz külön kérés nélkül.
Mikor érdemes egy képet base64-ként beágyazni?: Kis képeknél (ikonok, apró hátterek) egy kérés megspórolásához. A nagy képek normál fájlként jobbak — a base64 ~33%-kal nagyobb, mint a bináris.
Visszadekódolhatok egy data URI-t fájllá?: Igen. Illeszd be a data: URI-t, és kattints a Dekódolás és letöltés gombra; az eredeti bájtok helyben rekonstruálódnak.
Ingyenes a képek base64 kódolása és dekódolása?: Igen, a Kép ⇄ Base64 Data URI eszköz teljesen ingyenes, örökre — nincs regisztráció, nincsenek rejtett díjak, és bármennyi fájlt kódolhatsz vagy dekódolhatsz korlátok nélkül. Az oldal hirdetésekből tartja fenn magát. A kódolás és dekódolás teljes egészében a böngésződben történik, és a fájljaid soha nem töltődnek fel semmilyen szerverre.
Működik offline?: Igen. Az eszköz helyben fut a böngésző API-jaival, és nincs szüksége szerverkapcsolatra.

Egy data: URI (RFC 2397) soron belül ágyazza be a fájltartalmat; a ;base64 esetén a hasznos adat base64-kódolt.
A Base64 kódolás 3 bájtot 4 ASCII karakterként ábrázol, így a szöveg körülbelül 33%-kal nagyobb az eredeti binárisnál.
A kis képek data URI-ként való beágyazása megszüntet egy HTTP-kérést, ami felgyorsíthatja az apró elemek első megjelenítését.
A helyi kódolás az eszközödön tartja a fájlt — nincs feltöltés, és offline is működik.
A Base64 64 karakteres ábécét használ (A–Z, a–z, 0–9, +, /) = kitöltéssel.

🧬 Kép ⇄ Base64 Data URI

Kép ⇄ Base64 Data URI