UltKit

Irudia Base64 bihurtu

Bihurtu irudi-fitxategi bat HTML, CSS, JSON eskaera edo Markdown fitxategi batean itsats dezakezun testu-lerro bat. Data URI aurrizkia aurretik jarrita dago, itsatsi bezain laster funtziona dezan.

Datu-bihurtzailea

edo jaregin CSV, TSV, TXT … fitxategiak hemen ·

Gehienez 95 MB fitxategiko· 20 fitxategi arte· 30 minutu geroago ezabatzen da

Irteera

Fitxategiak gure zerbitzarietan prozesatzen dira eta 30 minutu geroago ezabatzen dira.

Tresna hau nola erabili

  1. 1

    Gehitu irudiak

    Jaregin PNG, JPG, GIF, WebP edo SVG fitxategiak igoera-eremuan, aldi berean gehienez 20 eta bakoitzak gehienez 95 MB.

  2. 2

    Mantendu edo kendu aurrizkia

    Data URI aurrizkia aktibatuta dago, beraz emaitza data:image/png;base64, edo dagokion motarekin hasten da. API batek Base64 kate soila nahi badu, desaktibatu Ezarpen aurreratuak atalean.

  3. 3

    Bihurtu eta kopiatu

    Sakatu Bihurtu Base64 testu formatura → eta deskargatu .txt fitxategi bat irudi bakoitzeko, zure kodean txertatzeko prest.

Igo irudia eta sakatu Bihurtu Base64 testu formatura →. Fitxategia karaktere soil gisa kodetuta lortuko duzu, data:image/…;base64, aurrizkiarekin, img src batean edo CSS url() batean zuzenean erabiltzeko. Irudiak ez du aldaketarik jasaten.

Noiz den erabilgarria irudi bat Base64 gisa

Base64 RFC 4648n (2006) definitzen da, eta datu bitarren 3 byte bakoitza 4 karakterera eramaten du, A–Z, a–z, 0–9, + eta / osatutako 64 karaktereko alfabetotik. Emaitzak testurako eraikitako edozein kanaletan irauten du. Data URI eskemak, Larry Masinterrek 1998an RFC 2397 gisa idatziak, nabigatzaileari testu hori fitxategi gisa tratatzeko aukera ematen dio.

Front-end garatzaileek ikono txikiak, kargatze-biribilkiak eta leku-marka irudiak txertatzen dituzte, orria eskaera gehigarririk gabe marrazteko. Back-end garatzaileek irudiak JSON barruan bidaltzen dituzte, API askok, ikusmen- eta OCR zerbitzuak barne, irudia Base64 eremu gisa onartzen baitute. Probatzaileek fixtureak iturburu-kodean gordetzen dituzte, eta fitxategi bakarreko HTML txostenak edo Markdown oharrak egiten dituztenek pantaila-argazkiak txertatzen dituzte, fitxategia autonomo gera dadin posta elektronikoz bidaltzean edo artxibatzean.

Nolakoa den Base64 emaitza

1 × 1 PNG gardena (68 byte) data URI gisa img etiketaren barruan
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="Pixel bat">

PNG ikono-fitxategia

24 KB

tresna-barrako ikono-multzo tipikoa, 96 × 96 px

+%33 tamaina, kalitate-aldaketarik gabe

Base64 testua

32 KB

4 karaktere 3 byteko, gehi aurrizkia

ANY I

Edozein irudi

Tresna honek irudi-formatu arruntak onartzen ditu, besteak beste JPG, PNG, WebP, HEIC, GIF, BMP eta TIFF. Formatua automatikoki antzematen da fitxategitik, beraz, ez duzu jakin beharrik zer irudi mota duzun.

Any image bihurtzailea

BASE64

Base64 kodeketadun testua

Base64 RFC 4648n definitutako kodeketa bat da, edozein datu bitar 64 testu-karaktere seguruko kate bihurtzen duena. Irudiak HTML eta CSSn data URI gisa txertatzeko, fitxategiak posta elektronikora erantsteko eta datu bitarrak JSON edo XMLn bidaltzeko erabiltzen da. Kodeketa guztiz itzulgarria da, baina datuak % 33 inguru handitzen ditu. Base64 ez da zifratzea eta ez du segurtasunik ematen; edonork deskodetu dezake.

Konpresioa
Galerarik gabe
Gardentasuna
–
Animazioa
–
Sorrera urtea
–
BASE64 bihurtzailea

Irudiak Base64 testu bihurtzen dira testua bakarrik daraman zerbaiten barruan bidaiatu behar dutenean: eskaera bereizirik gabeko HTML edo CSS fitxategi bat, API dei baten JSON eremu bat, proba-datu bat edo fitxategi bakarreko txosten bat.

Irudi bat txertatzeak orriari noiz laguntzen dion eta noiz kalte egiten dion

Txertatzeak eskaera bat aurrezten du, eta hori HTTP/1.1ekin zen garrantzitsuena, nabigatzaileek gune bakoitzeko konexio gutxi batzuk bakarrik irekitzen zituztenean. HTTP/2 eta HTTP/3ren multiplexazioarekin, eskaera txiki gehigarriak merkeak dira, beraz onura txikitzen da baina kostuek diraute: kodetutako irudia ezin da bereizita cachean gorde, HTML edo CSS aldatzen den bakoitzean berriro deskargatzen da, eta dagoen fitxategiaren analisia atzeratzen du.

Arau zentzuzko bat da orri guztietan agertzen diren kilobyte gutxiko irudiak bakarrik txertatzea, hala nola logo bat edo ikono-sprite bat, eta gainerako guztia fitxategi gisa zerbitzatzea. Argazkiek ia inoiz ez dute txertatuta egon behar. Testua baino fitxategi-mota desberdin bat behar baduzu, irudi bihurgailua aproposa da.

Base64 irudiaren indarguneak

  • HTML, CSS edo JSON fitxategi bakar autonomoa
  • Eskaera gehigarririk ez ikono txikientzat
  • Segurua JSON, XML eta beste testu-formatuen barruan
  • Galerarik gabekoa eta itzulgarria

Base64 irudiaren kostuak

  • Fitxategi bitarra baino %33 inguru handiagoa
  • Nabigatzaileak ez du bereizita cachean gordetzen
  • Posta-bezero askok irudi gisa blokeatzen dute
  • Zaila da kode-diffetan berrikustea

Irudia Base64 bihurtzeari buruzko galderak

Zer desberdintasun dago Base64 eta data URI baten artean?

Base64 kodetutako karaktereak baino ez dira. Data URI batek karaktere horiek eskema eta motarekin biltzen ditu, data:image/png;base64, eta ondoren karaktereak, nabigatzaileak dekodetzen eta erakusten jakin dezan. HTMLk eta CSSk data URI osoa behar dute; JSON API gehienek Base64 zatia bakarrik nahi dute.

Zenbat handitzen da irudi bat Base64 bihurtzean?

Base64k 3 byteko 4 karaktere idazten ditu, beraz testua fitxategia baino heren bat handiagoa da, gehi aurrizki laburra. 30 KBko PNG batek 40 KB inguruko testua ematen du. HTML edo CSS gzip bidez konprimatuta zerbitzatzen bada, gainkarga horren zati bat transferentzian berreskuratzen da.

Erabil al dezaket Base64 irudi bat posta elektronikoko sinaduran?

Ez da fidagarria. Gmailek ez ditu data URI irudiak erakusten, eta mahaigaineko posta-programa askok ere kentzen dituzte; hartzaileek ikono hautsi bat ikusten dute. Ostatatu irudia web-zerbitzari batean edo erantsi, eta utzi Base64 web-orrietarako eta aplikazioetarako.

SVG ikono bat Base64ra kodetu behar al da?

Funtzionatzen du, baina SVG jada testua da. Markaketa Base64 bidez kodetu beharrean URL bidez kodetzeak data URI laburragoa ematen du normalean, eta irakurgarri mantentzen du. Ikono txiki bat baino handiagoa den orotarako, nabigatzaileak cachean gorde dezakeen SVG fitxategi bereizi bat hobea da.

Base64 testua berriro irudi bihur dezaket?

Bai, kodeketa galerarik gabekoa eta erabat itzulgarria da: dekodetzean jatorrizko byte zehatzak berreskuratzen dira. Programazio-lengoaia guztiek dekodetzailea dute, eta data URI oso bat nabigatzailearen helbide-barran itsatsiz gero irudia agertzen da.

Kodetzeak irudiaren kalitatea aldatzen al du?

Ez. Base64k byteak idazteko modua aldatzen du, ez pixelak. Katea laburtzeko, txikitu lehenik irudia, adibidez irudia 20 KBra konprimitu bidez, eta kodetu fitxategi txikiagoa.