UltKit
Slike11
Pretvornik slikStiskanje slikSprememba velikosti slikeObrezovanje slikeSlika v PDFFotografija za potni listSlika v SVGVsa orodja: Slike →
PDF13
Stiskanje PDFPretvornik PDFPDF v slikoZdruževanje PDFRazdelitev PDFOdklepanje PDFZaščita PDFVsa orodja: PDF →
Dokumenti in podatki7
Pretvorba v PDFPretvornik dokumentovSlika v besedilo (OCR)Slika v ExcelPretvornik podatkovPretvornik e-knjigVsa orodja: Dokumenti in podatki →
Video6
Pretvornik videaStiskanje videaVideo v zvokVideo v GIFObrezovanje videaZvok v videoVsa orodja: Video →
Zvok4
Pretvornik zvokaStiskanje zvokaObrezovanje zvokaZvok v besediloVsa orodja: Zvok →
Več orodij22
Generator QR kodStiskanje datotek v ZIPRazširjanje ZIP na spletuPretvornik časovnih pasovPretvornik enotGenerator geselŠtetje besedIzbirnik barvVsa druga orodja →
BlogKako deluje

Pretvornik slike v Base64

Slikovno datoteko spremenite v vrstico besedila, ki jo lahko prilepite v HTML, CSS, zahtevo JSON ali datoteko Markdown. Predpona data URI je že na začetku, zato deluje takoj, ko jo prilepite.

Pretvornik podatkov

ali spustite datoteke CSV, TSV, TXT … sem ·

Največ 95 MB na datoteko· Do 20 datotek· Izbrisano po 30 minutah

Izhod

Datoteke se obdelajo na naših strežnikih in izbrišejo po 30 minutah.

Kako uporabljati to orodje

  1. 1

    Dodajte slike

    Datoteke PNG, JPG, GIF, WebP ali SVG povlecite na območje za nalaganje, naenkrat jih je lahko do 20, vsaka do 95 MB.

  2. 2

    Ohranite ali odstranite predpono

    Predpona Data URI je vklopljena, zato se rezultat začne z data:image/png;base64, ali ustrezno vrsto. Če API zahteva samo niz Base64, jo izklopite v razdelku Napredne nastavitve.

  3. 3

    Pretvorite in kopirajte

    Pritisnite Pretvori v Base64 besedilo in prenesite datoteko .txt za vsako sliko, ki jo lahko takoj prilepite v kodo.

Naložite sliko in pritisnite Pretvori v Base64 besedilo. Dobite datoteko, kodirano kot navadne znake, ki se začne z data:image/…;base64, zato jo lahko vstavite neposredno v img src ali CSS url(). Na sliki se nič ne spremeni.

Kdaj je slika v obliki Base64 uporabna

Base64 je določen v RFC 4648 (2006) in vsake 3 bajte dvojiških podatkov preslika v 4 znake iz 64-znakovne abecede A–Z, a–z, 0–9, + in /. Rezultat prestane vsak kanal, namenjen besedilu. Shema data URI, ki jo je leta 1998 kot RFC 2397 zapisal Larry Masinter, nato omogoči, da brskalnik to besedilo obravnava kot datoteko.

Čelni razvijalci vstavljajo majhne ikone, vrtavke za nalaganje in nadomestne slike, da se stran izriše brez dodatnih zahtev. Zaledni razvijalci pošiljajo slike v JSON, ker številni API-ji, tudi storitve za računalniški vid in OCR, sprejmejo sliko kot polje Base64. Testerji hranijo testne primere v izvorni kodi, tisti, ki izdelujejo enodatotečna poročila HTML ali zapiske Markdown, pa vdelajo posnetke zaslona, da datoteka ostane samostojna, ko jo pošljejo po e-pošti ali arhivirajo.

Kako je videti izhod Base64

Prozorna slika PNG 1 × 1 (68 bajtov) kot data URI znotraj oznake img
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="slikovna pika">

Datoteka ikone PNG

24 KB

običajen komplet ikon orodne vrstice, 96 × 96 px

+33 % velikosti, nobene spremembe kakovosti

Besedilo Base64

32 KB

4 znaki na 3 bajte, plus predpona

ANY I

Katera koli slika

Orodje sprejme običajne slikovne formate, med njimi JPG, PNG, WebP, HEIC, GIF, BMP in TIFF. Format se samodejno prepozna iz datoteke, zato vam ni treba vedeti, kakšno sliko imate.

Pretvornik Any image

BASE64

Besedilo, kodirano z Base64

Base64 je kodiranje, določeno v RFC 4648, ki poljubne binarne podatke pretvori v niz 64 varnih besedilnih znakov. Uporablja se za vdelavo slik v HTML in CSS kot data URI, za pripenjanje datotek e-pošti in za pošiljanje binarnih podatkov v JSON ali XML. Kodiranje je popolnoma obrnljivo, vendar podatke poveča za približno 33 %. Base64 ni šifriranje in ne nudi varnosti; dekodira ga lahko vsak.

Stiskanje
Brez izgube kakovosti
Prosojnost
–
Animacija
–
Uvedeno
–
Pretvornik BASE64

Slike postanejo besedilo Base64, kadar morajo potovati znotraj nečesa, kar prenaša samo besedilo: datoteke HTML ali CSS brez ločene zahteve, polja JSON v klicu API-ja, testnega primera ali enodatotečnega poročila.

Kdaj vdelana slika stranem pomaga in kdaj škodi

Vdelava prihrani zahtevo, kar je bilo najpomembneje pri HTTP/1.1, ko so brskalniki odprli le peščico povezav na spletno mesto. Pri multipleksiranju HTTP/2 in HTTP/3 so dodatne majhne zahteve poceni, zato se korist zmanjša, stroški pa ostanejo: kodirane slike ni mogoče ločeno shraniti v predpomnilnik, znova se prenese ob vsaki spremembi HTML ali CSS in upočasni razčlenjevanje datoteke, v kateri je.

Smiselno pravilo je, da vdelate samo slike z nekaj kilobajti, ki se pojavijo na vsaki strani, na primer logotip ali nabor ikon, vse drugo pa ponudite kot datoteke. Fotografije skoraj nikoli ne sodijo v vdelavo. Če pa dejansko potrebujete drugo vrsto datoteke in ne besedila, to opravi pretvornik slik.

Prednosti slike Base64

  • Ena samostojna datoteka HTML, CSS ali JSON
  • Brez dodatne zahteve za drobne ikone
  • Varno znotraj JSON, XML in drugih besedilnih formatov
  • Brez izgub in povratno

Slabosti slike Base64

  • Približno 33 % večja od dvojiške datoteke
  • Brskalnik je ne shrani ločeno v predpomnilnik
  • Številni e-poštni odjemalci blokirajo slike
  • Težko pregledljiva v primerjavah kode

Vprašanja o pretvorbi slike v Base64

Kakšna je razlika med Base64 in data URI?

Base64 so samo kodirani znaki. Data URI jih ovije s shemo in vrsto, data:image/png;base64, ki ji sledijo znaki, tako da brskalnik ve, kako jih dekodirati in prikazati. HTML in CSS potrebujeta celoten data URI, večina API-jev za JSON pa želi samo čisti del Base64.

Za koliko se slika poveča v obliki Base64?

Base64 zapiše 4 znake za vsake 3 bajte, zato je besedilo za približno tretjino večje od datoteke, poleg tega pa je tu še kratka predpona. PNG velik 30 KB postane približno 40 KB besedila. Če je HTML ali CSS pri prenosu stisnjen z gzip, se del te dodatne velikosti povrne.

Ali lahko sliko Base64 uporabim v e-poštnem podpisu?

Ni zanesljivo. Gmail slik data URI ne prikaže, več namiznih e-poštnih programov jih prav tako odstrani, zato prejemniki vidijo pokvarjeno ikono. Sliko gostite na spletnem strežniku ali jo priložite, Base64 pa uporabljajte za spletne strani in aplikacije.

Ali je treba ikono SVG kodirati v Base64?

Deluje, vendar je SVG že besedilo. Če oznake namesto s Base64 kodirate z URL-kodiranjem, je data URI običajno krajši in ostane berljiv. Za vse, kar je večje od majhne ikone, je boljša ločena datoteka SVG, ki jo brskalnik lahko shrani v predpomnilnik.

Ali lahko besedilo Base64 pretvorim nazaj v sliko?

Da, kodiranje je brez izgub in povsem povratno: dekodiranje vrne popolnoma enake izvirne bajte. Vsak programski jezik ima dekodirnik, celoten data URI pa, prilepljen v naslovno vrstico brskalnika, prikaže sliko.

Ali kodiranje spremeni kakovost slike?

Ne. Base64 spremeni le način zapisa bajtov, ne pa slikovnih pik. Če želite krajši niz, sliko najprej pomanjšajte, na primer s stiskanjem slike na 20 KB, nato pa kodirajte manjšo datoteko.