Miten muunnan kuvan Base64-data-URI:ksi?

Pudota tai valitse kuva img-tools-työkalun Base64-sivulla saadaksesi heti sen Base64-muotoisen data:-URI:n, klikkaa sitten Kopioi liittääksesi sen CSS- tai HTML-koodiisi. Toiseen suuntaan: liitä data:image/...;base64,...-merkkijono dekoodauslaatikkoon ja klikkaa Dekoodaa & lataa tallentaaksesi tiedoston. Työkalu on ilmainen ja toimii kokonaan selaimessasi Canvas-rajapintaa käyttäen, joten kuviasi ei koskaan lähetetä mihinkään.

Ladataanko tiedostot palvelimelle?

Ei. Sekä koodaus että purku tehdään kokonaan selaimessasi; tiedostosi eivät koskaan poistu laitteeltasi.

data: URI upottaa tiedoston tekstinä (base64), joten voit sijoittaa kuvan suoraan CSS:ään tai HTML:ään ilman erillistä pyyntöä.

Milloin minun pitäisi upottaa kuva base64:nä?

Pieniin kuviin (kuvakkeet, pienet taustat) säästääksesi pyynnön. Suuret kuvat ovat parempia tavallisina tiedostoina — base64 on noin 33 % suurempi kuin binääri.

Voinko purkaa data-URI:n takaisin tiedostoksi?

Kyllä. Liitä data: URI ja napsauta Pura ja lataa; alkuperäiset tavut rekonstruoidaan paikallisesti.

Onko kuvan muuntaminen Base64-data-URI:ksi ilmaista?

Kyllä — kuvan koodaaminen Base64:ksi ja data-URI:n purkaminen takaisin tiedostoksi on täysin ilmaista eikä edellytä tiliä tai rekisteröitymistä. Sekä koodaus että purku tapahtuvat kokonaan selaimessasi, joten tiedostosi eivät koskaan poistu laitteeltasi. Käsiteltävien tiedostojen määrälle ei ole rajoituksia. Sivusto on mainosrahoitteinen.

Toimiiko se offline-tilassa?

Kyllä. Työkalu toimii paikallisesti selaimen API:lla eikä tarvitse palvelinyhteyttä.

Kuva ⇄ Base64-data-URI

Tämä on ilmainen selainpohjainen työkalu, jolla muunnetaan kuva base64-data: URI:ksi (upotettavaksi CSS:ään/HTML:ään) ja puretaan data: URI takaisin ladattavaksi tiedostoksi. Kaikki toimii laitteellasi; tiedostojasi ei koskaan ladata.

Koodaa kuvia base64:ksi ja pura data-URI:t — ilmaiseksi, ei lataamista.

100 % ilmainen — ikuisesti. Ei maksuja, ei koskaan.
Yksityinen: tiedostot käsitellään paikallisesti selaimessasi, eikä niitä koskaan lähetetä palvelimelle.
Ei latausta, ei tiliä, ei rekisteröitymistä.

Miten muunnan kuvan Base64-data-URI:ksi?: Pudota tai valitse kuva img-tools-työkalun Base64-sivulla saadaksesi heti sen Base64-muotoisen data:-URI:n, klikkaa sitten Kopioi liittääksesi sen CSS- tai HTML-koodiisi. Toiseen suuntaan: liitä data:image/...;base64,...-merkkijono dekoodauslaatikkoon ja klikkaa Dekoodaa & lataa tallentaaksesi tiedoston. Työkalu on ilmainen ja toimii kokonaan selaimessasi Canvas-rajapintaa käyttäen, joten kuviasi ei koskaan lähetetä mihinkään.
Ladataanko tiedostot palvelimelle?: Ei. Sekä koodaus että purku tehdään kokonaan selaimessasi; tiedostosi eivät koskaan poistu laitteeltasi.
Mikä on data-URI?: data: URI upottaa tiedoston tekstinä (base64), joten voit sijoittaa kuvan suoraan CSS:ään tai HTML:ään ilman erillistä pyyntöä.
Milloin minun pitäisi upottaa kuva base64:nä?: Pieniin kuviin (kuvakkeet, pienet taustat) säästääksesi pyynnön. Suuret kuvat ovat parempia tavallisina tiedostoina — base64 on noin 33 % suurempi kuin binääri.
Voinko purkaa data-URI:n takaisin tiedostoksi?: Kyllä. Liitä data: URI ja napsauta Pura ja lataa; alkuperäiset tavut rekonstruoidaan paikallisesti.
Onko kuvan muuntaminen Base64-data-URI:ksi ilmaista?: Kyllä — kuvan koodaaminen Base64:ksi ja data-URI:n purkaminen takaisin tiedostoksi on täysin ilmaista eikä edellytä tiliä tai rekisteröitymistä. Sekä koodaus että purku tapahtuvat kokonaan selaimessasi, joten tiedostosi eivät koskaan poistu laitteeltasi. Käsiteltävien tiedostojen määrälle ei ole rajoituksia. Sivusto on mainosrahoitteinen.
Toimiiko se offline-tilassa?: Kyllä. Työkalu toimii paikallisesti selaimen API:lla eikä tarvitse palvelinyhteyttä.

data: URI (RFC 2397) upottaa tiedoston sisällön sisäisesti; ;base64-merkinnällä hyötykuorma on base64-koodattu.
Base64-koodaus esittää 3 tavua 4 ASCII-merkkinä, mikä tekee tekstistä noin 33 % suuremman kuin alkuperäinen binääri.
Pienten kuvien upottaminen data-URI:na poistaa HTTP-pyynnön, mikä voi nopeuttaa ensimmäistä piirtoa pienille resursseille.
Paikallinen koodaus pitää tiedoston laitteellasi — ei lataamista, ja se toimii offline-tilassa.
Base64 käyttää 64 merkin aakkostoa (A–Z, a–z, 0–9, +, /) =-täytemerkillä.

🧬 Kuva ⇄ Base64-data-URI

Kuva ⇄ Base64-data-URI