Onko tiedostokoolle rajoitusta?

Ei kiinteää rajoitusta — käytännöllinen raja on laitteesi selaimen muisti. Muista, että Base64-tuloste on noin 33 % suurempi kuin alkuperäinen tiedosto, joten sitä kannattaa käyttää vain pienille kuville.

Heikkeneekö kuvanlaatu muunnettaessa?

Ei. Base64-koodaus on häviötön — purettu kuva on tavu tavulta identtinen alkuperäisen kanssa.

Mikä ero on raa'an Base64:n ja Data URI:n välillä?

Raaka Base64 on pelkkä koodattu merkkijono. Data URI lisää etuliitteen data:image/png;base64, joka kertoo selaimelle MIME-tyypin ja mahdollistaa suoran käytön src -attribuutissa tai CSS background-imagessa.

Ladataanko kuvani palvelimelle?

Ei. Kaikki koodaus tapahtuu paikallisesti selaimessasi FileReader API:n avulla — kuvasi eivät koskaan poistu laitteeltasi.

Kuva Base64-muuntimeksi - Ilmainen verkkotyökalu

Muunna kuvat Base64-merkkijonoiksi heti: tukee PNG-, JPG-, GIF-, WebP-, SVG- ja BMP-tiedostoja. Ilmainen, turvallinen ja täysin selaimessa toimiva.

Lataa kuva

Lataa tiedosto

Tyhjennä

Vedä ja pudota tai napsauta ladataksesi

Tukee PNG, JPG, GIF, WebP, SVG, BMP

Base64-tuloste

Base64-merkkijono ilmestyy tähän...

Kopioi

Base64-merkkijono ilmestyy tähän...

Kuinka muuntaa kuva Base64:ksi

Lataa kuvasi vetämällä ja pudottamalla tai napsauttamalla latausaluetta.

Työkalu muuntaa kuvasi välittömästi Base64-merkkijonoksi.

Kopioi raaka Base64-merkkijono tai Data URI -muoto HTML/CSS-käyttöä varten.

Käytä luotua merkkijonoa upottaaksesi kuvat suoraan koodiisi.

Tärkeimmät ominaisuudet

Välitön muunnos

Muunna kuvat Base64:ksi välittömästi ilman palvelinlatauksia.

Yksityisyys ensin

Kaikki käsittely tapahtuu paikallisesti selaimessasi. Kuvasi eivät koskaan poistu laitteeltasi.

Tukee kaikkia muotoja

Yhteensopiva PNG-, JPEG-, GIF-, SVG-, WebP- ja BMP-muotojen kanssa.

Data URI valmis

Hanki täydellinen Data URI -merkkijono valmiina käytettäväksi HTML <img> -tunnisteissa tai CSS background-image -ominaisuudessa.

UKK

Miksi muuntaa kuva Base64:ksi?

Kuvien muuntaminen Base64:ksi mahdollistaa niiden upottamisen suoraan HTML- tai CSS-tiedostoihin, mikä vähentää HTTP-pyyntöjen määrää ja nopeuttaa pienten kuvien sivun latausaikoja.

Onko tiedostokoolla rajoitusta?

Koska käsittely tapahtuu selaimessasi, rajoitus riippuu laitteesi muistista. On kuitenkin suositeltavaa käyttää Base64:ää vain pienille kuville (kuvakkeet, logot), jotta HTML-tiedostosi koko ei kasva liikaa.

Tapahtuuko laadun heikkenemistä?

Ei, Base64-koodaus on häviötön. Purettu kuva on identtinen alkuperäisen kanssa.

Vedä mikä tahansa kuva työkaluun tai valitse se napsauttamalla — työkalu koodaa sen välittömästi Base64-merkkijonoksi ja tulostaa sekä raa'an Base64-tekstin että valmiin Data URI -linkin (data:image/png;base64,...), jonka voit liittää suoraan HTML:ään tai CSS:ään. Tuetut muodot: PNG, JPG, GIF, WebP, SVG ja BMP; kaikki käsittely tapahtuu selaimessasi eikä tiedostoja lähetetä palvelimelle.

Kuinka muuntaa kuva Base64:ksi

1
Lataa kuva
Vedä tiedosto latausalueelle tai napsauta selataksesi. PNG, JPG, GIF, WebP, SVG ja BMP ovat tuettuja.
2
Hae koodattu tulos
Työkalu lukee tiedoston paikallisesti ja tuottaa Base64-merkkijonon välittömästi — ilman palvelinpyyntöä.
3
Valitse raaka Base64 tai Data URI
Kopioi raaka Base64-teksti JSON-paketteja varten tai koko Data URI HTML <img> -tageja ja CSS background-imagea varten.
4
Upota koodiisi
Liitä Data URI suoraan HTML:ään tai CSS:ään sisällyttääksesi kuvan ja säästääksesi yhden HTTP-pyynnön.

Viitteet

RFC 2397 — Data URL -skeema
IETF-spesifikaatio, joka määrittelee data: URL -skeeman Base64-koodatun median upottamiseen.
MDN — Data URL:t
Käytännöllinen opas Data URL -syntaksiin, Base64-koodaukseen ja kuvien upottamiseen HTML:ään ja CSS:ään.

Aiheeseen liittyvät työkalut

Base64 kuvaksi

Pura Base64-merkkijono tai Data URI takaisin ladattavaksi kuvatiedostoksi.

Base64 koodaus / purku

Koodaa tai pura mikä tahansa teksti tai data Base64:ksi.

Kuvan pakkaus

Pakkaa kuvat ensin pitääksesi Base64-tulosteen ja HTML-tiedoston koon pienenä.

WebP-muunnin

Muunna kuvat kevyeen WebP-muotoon ennen koodausta.

Usein kysytyt kysymykset

Miksi muuntaa kuva Base64:ksi?: Base64-merkkijono mahdollistaa kuvan upottamisen suoraan HTML:ään tai CSS:ään ilman erillistä tiedostopyyntöä, mikä vähentää HTTP-pyyntöjä ja nopeuttaa sivun lataamista pienille kuville, kuten kuvakkeille.
Onko tiedostokoolle rajoitusta?: Ei kiinteää rajoitusta — käytännöllinen raja on laitteesi selaimen muisti. Muista, että Base64-tuloste on noin 33 % suurempi kuin alkuperäinen tiedosto, joten sitä kannattaa käyttää vain pienille kuville.
Heikkeneekö kuvanlaatu muunnettaessa?: Ei. Base64-koodaus on häviötön — purettu kuva on tavu tavulta identtinen alkuperäisen kanssa.
Mikä ero on raa'an Base64:n ja Data URI:n välillä?: Raaka Base64 on pelkkä koodattu merkkijono. Data URI lisää etuliitteen data:image/png;base64, joka kertoo selaimelle MIME-tyypin ja mahdollistaa suoran käytön <img> src -attribuutissa tai CSS background-imagessa.
Ladataanko kuvani palvelimelle?: Ei. Kaikki koodaus tapahtuu paikallisesti selaimessasi FileReader API:n avulla — kuvasi eivät koskaan poistu laitteeltasi.