Seuraa tätä esimerkkiä muuttaaksesi koodatun kuvadatan takaisin käyttökelpoiseksi tiedostoksi. Avaa Base64 kuvaksi.
Liitä kuvadata
Avaa Base64 kuvaksi ja liitä tavallinen Base64 -merkkijono tai täydellinen kuvan data-URL. Kokeile näytettä täyttää saman kentän todellisella PNG -esimerkillä. Sinun ei tarvitse ladata erillistä tiedostoa.
Data-URL sisältää etuliitteen, kuten data:image/png;base64,. Tavallinen Base64 sisältää vain koodatut merkit. Datan sisällä olevat välilyönnit ja rivinvaihdot jätetään huomiotta.
Jos koodisi on HTML -kuvan tai CSS -määrityksen sisällä, kopioi vain data-URL. Koko HTML -elementtiä tai CSS -määritystä ei voi purkaa kuvana.
Käytä Kuva Base64 -muuntimeen -työkalua, kun sinun on mentävä toiseen suuntaan.
Tarkista esikatselu ennen vientiä
Valitse Jatka. Muunnin tarkistaa Base64 -merkit, kuvatiedoston allekirjoituksen, mahdollisesti ilmoitetun MIME-tyypin ja sen, voiko selain avata tuloksen.
Data-URL, joka ilmoittaa JPG sisältäen samalla PNG tavua, hylätään. Puutteellinen teksti, tukemattomat tiedostot ja rajoitukset ylittävät tiedostot hylätään myös. Tämä välttää harhaanjohtavan tiedostopäätteen hiljaisen tallentamisen.
Esimerkissä käytetään favicon-orbit.png-mallia, 512 × 512 PNG-kuvaa, joka sisältää 202,491 tavua. Esikatselun pitäisi näyttää sama värikäs kuvake. Jos muutat editoriin liitettyä koodia, valitse Esikatsele kuvaa tarkistaaksesi korvauksen.
Esikatselu auttaa tunnistamaan kuvan. Älä luota pelkkään tiedostonimeen tai ilmoitettuun MIME-tyyppiin.
Tämän oppaan esimerkki
Kokeile näytettä täyttääksesi favicon-orbit.png-tiedoston data-URL. Valitse Jatka, vahvista 512 × 512 esikatselu, sitten Aloita ja Lataa. Vertaa ladattuja PNG tavua lähdenäytteeseen.
- Dekoodattu muoto
- PNG
- Kuvan mitat
- 512 × 512 px
- Alkuperäiset kuvatavut
- 202,491 tavua
- Muunnos
- Dekoodaus ilman uudelleenpakkausta
Lataa palautettu kuva
Valitse Aloita ja sitten Lataa tallentaaksesi decoded-image.png tätä esimerkkiä varten. Muunnin tunnistaa alkuperäisen muodon; se ei pyydä sinua valitsemaan toista.
Dekoodaus palauttaa alkuperäiset tavut. Se ei muuta kuvan kokoa, piirrä sitä uudelleen tai pakkaa sitä, ja se säilyttää olemassa olevat metatiedot ja GIF-animaation. Käytä toista kuvatyökalua lataamisen jälkeen, jos haluat muuttaa kokoa, pakata tai muuntaa tuloksen.
Ladattu näyte sisältää samat 202,491 tavua kuin sen lähde PNG. Tässä näytetty lyhyt data-URL-ote on vain havainnollistava; katkaistu merkkijono ei tuota koko kuvaa.
Lataa tulos ennen sivun päivittämistä, mikä aloittaa uuden työnkulun.
Tunne muodot, rajoitukset ja yksityisyyden rajat
PNG, JPG, WebP, GIF, BMP ja AVIF ovat tuettuja, kun selain voi dekoodata ne esikatselua varten. Dekoodattu kuva voi olla enintään 25 MB, 60 megapikseliä ja 16,000 pikseliä per sivu. Tekstinsyötöllä on myös pituusrajoitus. SVG-merkintää ja mielivaltaisia binaaritiedostoja ei tueta.
Liitetty data dekoodataan ja esikatsellaan laitteellasi ilman, että sitä ladataan palvelimelle muunnettavaksi. Base64 ei ole salaus: kuka tahansa, jolla on koko merkkijono, voi rekonstruoida kuvan.
Pidä yksityisen kuvan koodattu teksti myös yksityisenä.
Yleisiä kysymyksiä
Miten muunnan Base64-koodin kuvaksi?
Liitä pelkkä Base64-merkkijono tai kuvan data-URL, valitse Jatka, tarkista esikatselu ja valitse sitten Aloita ja Lataa.
Voinko liittää kokonaisen HTML-kuvatunnisteen?
Käytä vain sen src-attribuutin sisällä olevaa data-URL-osoitetta. Kokonaista HTML-elementtiä tai CSS-määritystä ei hyväksytä.
Heikkeneekö kuvan laatu?
Ei. Purku palauttaa alkuperäiset kuvatavut ilman koon muuttamista tai uudelleenpakkausta.
Voinko valita JPG sijasta PNG?
Tämä työkalu palauttaa koodatun tiedoston alkuperäisessä muodossaan. Käytä kuvamuunninta myöhemmin muotojen muuttamiseen.
Miksi data-URL-osoitteeni hylätään?
Data voi olla puutteellista, ylittää rajan, sisältää tukemattoman muodon tai ilmoittaa MIME-tyypin, joka ei vastaa todellista kuvaa.
Ladataanko Base64-data palvelimelle?
Ei. Muunnin purkaa ja esikatseloi kuvan paikallisesti selaimessasi.
Palauta kuva, vahvista se ja tallenna sen alkuperäinen tiedosto.
Kokeile näytettä tai käytä omaa tiedostoasi ja tarkista tulos ennen jakamista.
