Kuva Base64-muotoon

Muunna PNG-, JPG-, GIF-, WebP- ja SVG-kuvat Base64 Data URI -muotoon muuttamatta alkuperäisiä tavuja. Kopioi tulos HTML- tai CSS-käyttöön tai lataa koodattu teksti.

Koodaa
Syöte0 merkkiä
Tulos

Tulos tulee tähän.

Näin muunnat kuvan Base64-muotoon

  1. Valitse kuvatiedosto tai vedä se syötealueelle.
  2. Poista rivinvaihdot käytöstä HTML- ja CSS-käyttöä varten ja säilytä tavallisen Base64:n täytemerkit.
  3. Koodaa kuva ja kopioi koko Data URI tai lataa tekstitulos.

Näin käytät työkalua: Kuva Base64-muotoon

Data URI sisältää mediatyypin ja koodatut tavut. Kuvan kokoa ei muuteta eikä kuvaa pakata uudelleen. Base64 kasvattaa kokoa noin kolmanneksella, joten suurelle verkkokuvalle tavallinen tiedosto on usein parempi valinta.

Yhden pikselin GIF-kuva Base64 Data URI -muodossa

Syöte
pixel.gif (1 × 1 px, 42 B)
Tulos
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

Kysymyksiä työkalusta: Kuva Base64-muotoon

Miten käytän tulosta HTML:ssä tai CSS:ssä?

Aseta koko data:image/…;base64,…-arvo HTML:n img src -attribuuttiin tai CSS:n url("…")-arvoksi. Etuliite kertoo kuvaformaatin eikä kuulu varsinaiseen Base64-dataan. Työkalu antaa URI:n, ei valmista HTML-tunnistetta tai CSS-sääntöä.

Säilyvätkö läpinäkyvyys, animaatio ja kuvanlaatu?

Kyllä. Alkuperäiset tiedostotavut koodataan ilman koon muuttamista tai uudelleenpakkausta. PNG-läpinäkyvyys, GIF-animaatio ja SVG-merkintäkoodi säilyvät datassa. Näyttäminen riippuu silti tulosta käyttävän sovelluksen tuesta.

Mitä formaatteja ja tiedostokokoja tuetaan?

Työkalu tunnistaa sisällöstä PNG-, JPEG-, GIF-, WebP-, BMP-, TIFF- ja AVIF-kuvat sekä tunnistettavat SVG-dokumentit. Raja on 32 MiB tiedostoa kohden, yksi tiedosto kerrallaan. Muille formaateille voi käyttää Tiedosto Base64-muotoon -työkalua; koodaus ei takaa selaimen näyttötukea.

Pienentääkö Base64 kokoa, ja toimiiko se sähköpostissa?

Ei. Koodattu data on noin kolmanneksen suurempi, minkä lisäksi tulee URI-etuliite. Upotus voi sopia pienille kuvakkeille; suuret kuvat toimivat usein paremmin erillisinä tiedostoina. Sähköpostiohjelmat ja tietoturvakäytännöt voivat estää data:-kuvat. Testaa kohdeympäristössä.

Lähetetäänkö tiedostoni, tokenini tai tekstini palvelimelle?

Ei. Työkalut käsittelevät tiedot selaimessasi. Sivusto toimittaa sivun ja ohjelmakoodin, mutta syötettäsi ei lähetetä muunnospalvelimelle eikä tallenneta käyttäjätilille.

  • Base64 kuvaksi

    Pura Base64-kuvia ja Data URI -merkkijonoja, esikatsele tuettuja kuvamuotoja ja lataa alkuperäiset tavut.

  • Tiedosto Base64-muotoon

    Koodaa mikä tahansa tiedosto Base64-muotoon. Lisää halutessasi Data URI, täytemerkit tai MIME-rivinvaihdot.

  • HTML-entiteettien koodaus ja purku

    Muunna teksti HTML-entiteeteiksi tai pura nimetyt ja numeeriset merkkiviittaukset.

Kaikki kehittäjätyökalut

Koodaus ja tiedostot

Muunna tekstiä, tavuja, verkko-osoitteita ja upotettuja kuvia alkuperäisiä tietoja muuttamatta.

Tietojen ja tekstin tarkastelu

Lue rakenteista dataa ja tokeneita ja selvitä tarkasti, mikä muuttui.

Tiivisteet, tunnisteet ja ajastukset

Tarkista tiedostoja, luo tunnisteita ja tutki ajankohtia ja toistuvia ajastuksia.

Teksti ja tiedostot käsitellään omalla laitteellasi. Älä jätä luottamuksellisia tuloksia jaetulle leikepöydälle. Käytä yksityisten avainten ja tokenien käsittelyyn luotettavaa laitetta.