Imagine în Base64

Selectați un fișier imagine pentru a-l converti într-un șir codificat Base64. Comutați prefixul URI de date pentru o ieșire CSS/HTML gata de utilizare. Toată procesarea are loc în browserul dumneavoastră.

Image preview

Despre conversia imaginii în Base64

Acest instrument convertește imaginile în șiruri codificate Base64 în întregime în browserul dumneavoastră. Nicio dată nu este încărcată pe vreun server.

  • Data URI: Cu prefixul activat, ieșirea este gata de utilizare în CSS background-image sau HTML <img src="...">.
  • Base64 brut: Fără prefix, obțineți șirul codificat brut.
  • Suportă JPEG, PNG, GIF, WebP, SVG și alte formate de imagine suportate de browser.

Încorporarea unei imagini ca data URI elimină o cerere și adaugă cam o treime la dimensiunea ei, fiindcă base64 are nevoie de patru caractere pentru fiecare trei octeți. Schimbul merită pentru ceva mic și mereu necesar, nu pentru o fotografie. O imagine încorporată nu poate fi nici păstrată separat în cache, deci se descarcă din nou cu fiecare copie a fișierului care o poartă.

Instrumente înrudite

Codificare Base64 Generator de Cod QR Convertor de culori

Vă stă marcajul în cale?

Entitățile cu escape, codificările stricate și conținutul care arată într-un fel în CMS și în alt fel pe pagină înseamnă de obicei că ceva din lanț ghicește. Construim interfețe și drumul de publicare din spatele lor, ca vizitatorul să vadă ce ați scris.

Să vorbim despre site-ul dumneavoastră

Întrebări frecvente

Când merită un data URI?
Pentru imagini mici necesare imediat: o pictogramă, un distanțier, un logo într-un e-mail HTML unde imaginile externe sunt blocate implicit. Regula practică este de câțiva kiloocteți; peste, dimensiunea în plus depășește cererea economisită.
De ce este versiunea codificată mai mare?
Base64 reprezintă trei octeți ca patru caractere, deci rezultatul este cu o treime mai mare încă dinainte de prefix. Compresia recuperează o parte în tranzit, dar browserul păstrează totuși forma mai lungă în document.
Strică memorarea în cache?
Da, și asta este partea care le scapă multora. Un fișier imagine separat este pus în cache o dată și refolosit; una încorporată face parte din foaia de stil sau din pagină și se redescarcă ori de câte ori acel fișier se schimbă.
Ce formate pot încorpora?
Oricare, fiindcă lui base64 îi este indiferent conținutul. SVG este cazul interesant: este deja text, deci încorporarea lui ca data URI este adesea mai mare decât simpla inserare a SVG-ului.
Imaginea mea este încărcată undeva?
Nu. Fișierul este citit de browserul dumneavoastră și codificat în pagină, deci nu părăsește niciodată calculatorul. Contează când imaginea este o captură a ceva intern, ceea ce se întâmplă de cele mai multe ori.