Base64-kuvakooderi ja -dekooderi — ilmainen online-muunnin
Base64-kuvakooderi ja -dekooderi
Muunna kuvia Base64-muotoon ja takaisin. Tukee PNG-, JPEG-, GIF-, WebP-, BMP-, SVG- ja ICO-muotoja.
Tulos data-URI:na, HTML-<img>-tagina, CSS-background-image-sääntönä, Markdownina, JSONina tai XML:nä.
Kaikki käsittely tapahtuu paikallisesti selaimessasi — kuviasi ei koskaan lähetetä palvelimelle.
Suunta:
Muoto:
Lataa kuva
📷
Napsauta valitakseen tai vedä ja pudota kuva tähän
⚠ Suuri kuva (>5 MB). Koodattu Base64 on hyvin pitkä. Harkitse pakkaamista ensin.
Muoto:
-
Mitat:
-
Tiedoston koko:
-
Base64-koko:
-
Tulos (Base64)
Koodaus: Kuva → Base64 Lataa tai vedä ja pudota kuva koodatakseen sen Base64-muotoon. Valitse 7 tulostusmuodosta: Data-URI (upotettavissa suoraan verkkosivuille), raaka Base64, HTML <img>, CSS background-image, Markdown, JSON tai XML.
Dekoodaus: vaihda suunta dekoodatakseen Base64-merkkijonon takaisin kuvaksi — liitä mikä tahansa Base64 tai data-URI ja näe kuvan esikatselu. Kuvamuoto tunnistetaan automaattisesti tavuista (PNG, JPEG, GIF, WebP, BMP, ICO, SVG).
URL-turvallinen: korvaa + merkillä - ja / merkillä _ ja poistaa lopun =-täytteen.
Tuetut muodot: PNG, JPEG, GIF, WebP, BMP, SVG, ICO.
Yksityisyys: kaikki käsittely tapahtuu paikallisesti selaimessasi — kuviasi ei koskaan lähetetä.
Milloin kuvien upottaminen kannattaa
Kuvan upottaminen data-URI:na säästää yhden HTTP-pyynnön, mutta Base64-teksti on noin 33 % suurempi kuin raa'at tavut eikä sitä voi tallentaa välimuistiin erikseen sivusta. Kompromissi kannattaa pienille kuvakkeille ja kertakäyttögrafiikalle, ja yleensä se on väärin valokuville ja toistuville resursseille.
Peukalosääntö: upota kuvat, jotka ovat alle muutaman kt — isommille kuville erillinen välimuistissa oleva kuvatiedosto voittaa toistuvilla käynneillä.
🔷 Kuvan Base64-tiedot
Tulostusmuodot 7 muotoa eri käyttötarkoituksiin.
Data-URI data:image/png;base64,...
Raaka Base64 Pelkkä Base64-merkkijono
HTML <img src="...">-tagi
CSS background-image: url(...)
Markdown / JSON / XML Upota dokumentteihin, API-rajapintoihin, asetuksiin