Cum se folosește
- Alegeți Imagine → Base64 și selectați un fișier imagine, sau alegeți Base64 → Imagine pentru a face conversia inversă.
- Selectați rezultatul dorit: data URL, Base64 simplu, o etichetă img HTML, o regulă CSS background-image sau Markdown.
- Copiați rezultatul și lipiți-l în codul dvs., într-un șablon de e-mail sau în JSON.
- Pentru decodare, lipiți un data URL sau Base64 simplu; imaginea este previzualizată și poate fi descărcată.
Cum funcționează
Base64 reprezintă datele binare cu 64 de caractere imprimabile, astfel încât o imagine poate fi scrisă direct în interiorul formatelor text. Un data URL adaugă tipul media în față, de exemplu data:image/png;base64, urmat de octeții codificați. Browserele acceptă data URL oriunde este permis un URL de imagine: în atributul src al unei etichete img, într-o funcție CSS url() sau într-o referință de imagine SVG.
Textul codificat este întotdeauna cu aproximativ o treime mai mare decât fișierul original (4 caractere pentru fiecare 3 octeți). Inserarea inline a pictogramelor mici și a placeholderelor poate economisi o cerere de rețea separată, însă datele inline nu pot fi stocate în cache separat și sunt descărcate din nou cu fiecare pagină sau foaie de stil care le conține, astfel încât rareori merită peste câțiva kiloocteți. Mulți clienți de e-mail blochează sau elimină imaginile data URL, așa că testați înainte de a le folosi în newslettere.
Fișierul este codificat octet cu octet: nimic nu este recomprimat, iar metadatele din interiorul fișierului (cum ar fi EXIF) sunt păstrate. La decodare, instrumentul acceptă un data URL complet, Base64 simplu, Base64 URL-safe și text copiat împreună cu un înveliș CSS url(…). Tipul de imagine este detectat din octeții decodificați, nu din etichetă.
Exemple
Pictogramă mică într-o foaie de stil
O pictogramă PNG de 600 de octeți devine un șir Base64 de 800 de caractere. Folosind rezultatul CSS obțineți o regulă background-image pe care o puteți lipi într-o clasă fără a găzdui un fișier separat.
Imagine dintr-un răspuns API
Un API returnează un câmp JSON precum „iVBORw0KGgoAAAANSUhEUg…”. Lipiți-l în Base64 → Imagine pentru a vedea imaginea, a-i verifica dimensiunea și a o descărca ca PNG.
Logo SVG în HTML
Codificarea unui SVG produce o adresă URL data:image/svg+xml;base64 care funcționează într-o etichetă img. Pentru SVG, markup-ul SVG necomprimat este adesea mai scurt decât Base64, așa că luați în considerare includerea directă a SVG-ului.
Întrebări frecvente
De ce versiunea Base64 este mai mare decât imaginea mea?
Base64 folosește 4 caractere text pentru a stoca 3 octeți, adăugând aproximativ 33% plus puțin pentru prefixul data URL-ului. Compresia Gzip sau Brotli pe un server web reduce diferența, dar nu o elimină.
Codificarea schimbă sau comprimă imaginea?
Nu. Octeții exacți ai fișierului sunt codificați, inclusiv orice metadate. Pentru a face șirul mai scurt, comprimați sau redimensionați mai întâi imaginea.
Care este diferența dintre un data URL și Base64 simplu?
Base64 simplu reprezintă doar octeții codificați. Un data URL adaugă un prefix precum data:image/jpeg;base64, care indică browserului ce tip de fișier este, astfel încât poate fi folosit direct ca sursă de imagine.
Există o limită de dimensiune?
Aici pot fi codificate fișiere de până la 10 MB. Șirurile foarte lungi pot încetini câmpurile de text și editorii, iar data URL-urile atât de mari nu sunt practice pe site-uri web.
Confidențialitate
Codificarea și decodificarea au loc în browserul dvs. Imaginea și textul Base64 nu sunt încărcate, stocate sau incluse în analize.