PNG → Base64

Käytä tätä ilmaista PNG → Base64 -muunninta muuttaaksesi minkä tahansa Portable Network Graphics-kuvan Base64-merkkijonoksi tai valmiiksi koodikatkelmaksi. Valitse paikallinen .png-tiedosto (tai liitä linkki etätiedostoon), valitse tulostusmuoto ja paina Koodaa PNG Base64:ksi.

PNG-tiedosto
Pudota PNG-tiedostosi tähän tai valitse yksi

Miten muunnat PNG → Base64 verkossa

  1. Valitse Paikallinen tiedosto ja valitse .png-tiedosto, tai valitse Etä-URL ja liitä linkki.
  2. Valitse tulostusmuoto: pelkkä Base64, data URI, HTML-tunniste, CSS, JavaScript, JSON tai XML.
  3. Napsauta Koodaa PNG Base64:ksi. Tulos näkyy heti esikatselun kanssa.
  4. Kopioi tulos leikepöydälle tai lataa se .txt-tiedostona.

Tietoa: PNG (Portable Network Graphics)

PNG on häviötön rasterimuoto vuodelta 1996, patenttivapaa korvike GIF:lle. Se tukee täyttä 24-bittistä väriä, 8-bittistä alfa-kanavaa pehmeään läpinäkyvyyteen sekä DEFLATE-pakkausta, joka ei koskaan hylkää pikselidataa.

Koska PNG pitää reunat terävinä, se on vakio valinta logoille, kuvakkeille, käyttöliittymän kuvakaappauksille ja kaavioille. Valokuville JPG tai WebP on yleensä paljon pienempi, mikä merkitsee, kun upotat kuvan Base64:nä, koska jokainen tavu kasvaa noin kolmanneksella.

Kehitetty1996, W3C / IETF (RFC 2083)
PakkausHäviötön (DEFLATE)
LäpinäkyvyysKyllä, täysi alfa-kanava
AnimaatioAPNG-laajennus
Tiedoston allekirjoitus89 50 4E 47 0D 0A 1A 0A

Tulostusmuodot

Valitse, miten tulos paketoidaan. Muunnin voi palauttaa:

  • txt: vain Base64-merkkijono, valmis liitettäväksi koodiin, tietokantakenttään tai API-pyyntöön.
  • uri: valmis data:-URI, jonka voit liittää selaimen osoitekenttään tai käyttää missä tahansa URL hyväksytään.
  • html img: <img>-tunniste data URI:lla src-attribuutissa.
  • css background image: CSS-sääntö käyttäen background-image: url(data:...).
  • html favicon: <link rel="icon">-tunniste upotetulle faviconille.
  • html hyperlink: <a>-linkki, joka lataa tai avaa upotetun tiedoston.
  • html iframe: <iframe>, joka renderöi sisällön upotettuna.
  • javascript image: JavaScript, joka luo Image-objektin.
  • javascript popup: JavaScript, joka avaa sisällön uudessa ikkunassa.
  • json: JSON-objekti tiedostonimellä, MIME-tyypillä ja datalla.
  • xml: XML-elementti, jossa data on CDATA-osiossa.

Onko se turvallista ja kuinka suuri tulos on?

Tiedostoasi ei koskaan ladata palvelimelle: selaimesi lukee ja muuntaa sen paikallisesti File API:lla, joten jopa luottamukselliset asiakirjat pysyvät laitteellasi.

Base64 esittää joka 3 tavua 4 merkillä, joten koodattu tulos on noin 33 % suurempi kuin alkuperäinen tiedosto (plus muutama tavu täytteelle ja data URI -etuliitteelle).

Usein kysytyt kysymykset

Miten muunnan PNG Base64:ksi?

Valitse .png-tiedostosi yllä ja napsauta "Koodaa PNG Base64:ksi". Muunnin lukee tiedoston selaimessasi ja tuottaa Base64-merkkijonon tai valmiin data URI:n.

Millä Base64-koodattu PNG alkaa?

PNG-tiedosto Base64-koodattuna alkaa tyypillisesti merkkijonolla "iVBORw0KGgo". Data URI:na se alkaa merkkijonolla "data:image/png;base64,".

Onko tiedostokokorajoitusta?

Kovaa rajaa ei ole, koska muunnos tapahtuu paikallisesti, mutta hyvin suuret tiedostot tuottavat hyvin pitkiä merkkijonoja. Noin 50 Mt:n tiedostot toimivat mukavasti moderneissa selaimissa.

Miten muunnan Base64:n takaisin muotoon PNG?

Käytä Base64 → PNG -purkajaa: liitä merkkijono, niin voit esikatsella ja ladata alkuperäisen .png-tiedoston.

Aiheeseen liittyvät työkalut ja oppaat

Kommentit (0)

Kysymyksiä, ideoita tai bugi työkalussa “PNG → Base64”? Jätä kommentti, arvioi työkalu tai vastaa muille.

Ei vielä kommentteja. Ole ensimmäinen, joka jakaa palautteesi!

Jätä kommentti

Arvioi tämä työkalu:
Esc
↑ ↓ siirrä↵ avaaEsc sulje