Image to Base64 | Free Edu & .COM Temporary Mails
← Kaikki työkalut / Image to Base64

🔤 Kuva Base64-muuntimeksi

Muunna mikä tahansa kuva Base64-tietojen URL-osoitteeksi. Hyödyllinen kuvien upottamiseen suoraan HTML- tai CSS-tiedostoon.

🖼️

Pudota kuva tähän tai klikkaa selataksesi

Base64-lähtö

Mikä on kuvan muuntaminen Base64:ksi?

Kuvasta Base64-muunnos koodaa kuvatiedoston Base64-tekstimerkkijonoksi – erityisesti data-URL-osoitteeksi, kuten data:image/png;base64,iVBOR.... Tämän avulla voit upottaa kuvan suoraan HTML-, CSS- tai JSON-muotoon ilman erillistä kuvatiedostoa tai HTTP-pyyntöä. Selain purkaa Base64-merkkijonon lennossa ja näyttää kuvan normaalisti.

Tätä tekniikkaa käytetään laajalti pienentämään pienten kuvakkeiden ja logojen HTTP-pyyntöjä (parantaa sivun nopeutta), sisällyttämään kuvia JSON-sovellusliittymän hyötykuormiin, upottamaan kuvia HTML-sähköpostimalleihin, jotka eivät ole riippuvaisia ​​ulkoisesta isännöinnistä, ja kuvien tallentamiseen CSS:ään kuvakkeiden spriteille tai taustoille. Kompromissi on, että Base64-merkkijonot ovat noin 33 % suurempia kuin alkuperäinen binääritiedosto, joten sitä on parasta käyttää pienille kuville.

Kuvan käyttäminen Base64:ään

  1. Pudota kuvasi latausalueelle tai napsauta Valitse Kuva.
  2. Täydellinen Base64-tietojen URL-osoite tulee näkyviin tulostusruutuun välittömästi.
  3. Napsauta Kopioi kaikkien tietojen URL-osoite kopioida data:image/png;base64,... käytettäväksi HTML:ssä tai CSS:ssä.
  4. Napsauta Kopioi vain Base64 kopioida vain koodattu merkkijono (ilman datan URL-etuliitettä) käytettäväksi API:issa tai tietokannassa.

Miksi käyttää kuvaamme Base64-työkaluun?

  • 100% ilmainen — Ei rajoituksia tiedostokoon tai muunnoksille.
  • Ei rekisteröintiä - Välitön muunnos ilman tiliä.
  • Selainpohjainen — Kuvasi luetaan paikallisesti FileReader API:n avulla — ei koskaan lähetetä palvelimelle.
  • Kaksi kopiointivaihtoehtoa — Kopioi koko datan URL-osoite tai vain raaka Base64-merkkijono erikseen.
  • Koko Info — Näyttää alkuperäisen tiedostokoon ja Base64-merkkijonon pituuden, jotta voit päättää, onko upottaminen järkevää.

Usein kysytyt kysymykset

Kopioi tietojen täydellinen URL-osoite ja käytä sitä img-tunnisteen src-attribuuttina: <img src="data:image/png;base64,iVBOR..." alt="My image">. Voit käyttää sitä myös CSS:ssä: background-image: url('data:image/png;base64,...');. Selain hahmontaa sen täsmälleen kuten ulkoisesti linkitetty kuva.

Base64-koodaus lisää tiedostokokoa noin 33%. Tämä johtuu siitä, että se koodaa 3 tavua binaaridataa 4 ASCII-merkiksi. 100 kt:n kuvasta tulee noin 133 kt Base64:ssä. Tämän vuoksi Base64-upotusta suositellaan vain pienille kuville (yleensä alle 5–10 kt).

Kyllä – Base64-koodatut kuvat sähköpostin HTML:ssä ovat hyödyllisiä, koska ne eivät ole riippuvaisia ​​ulkoisesta isännöinnistä ja näyttämisestä, vaikka kuvat olisi oletuksena estetty. Jotkut sähköpostiohjelmat (erityisesti Gmail) kuitenkin poistavat tieto-URL-osoitteet HTML-sähköposteista turvallisuussyistä. Testaa huolellisesti, ennen kuin käytät Base64-kuvia sähköpostikampanjoissa.

Tietojen URL-osoite on täydellinen merkkijono, joka sisältää MIME-tyypin etuliitettä: data:image/png;base64,XXXX. Base64-merkkijono on vain XXXX-osa pilkun jälkeen. Käytä koko datan URL-osoitetta HTML/CSS:ssä; Käytä vain Base64-merkkijonoa, kun lähetät kuvia API:n kautta, tallennat tietokantaan tai kun vastaanottava järjestelmä lisää oman etuliitteensä.

Nopeat Faktat

  • ✓ 100% ilmainen, ei piilomaksuja
  • ✓ Tiliä tai kirjautumista ei tarvita
  • ✓ Toimii missä tahansa selaimessa
  • ✓ Tietosi eivät koskaan poistu laitteestasi
  • ✓ Kopioi koko datan URL-osoite tai raaka Base64 erikseen

Aiheeseen liittyvät työkalut