Imagine în Base64 și înapoi
Alege o imagine și primești textul Base64, ca data URI, CSS sau HTML. Sau lipește Base64 și vezi imaginea din el.
Imagine → Base64
Sau trage-o aici ori lipește-o (Ctrl+V). Fișierul e folosit exact cum e.
Nicio imagine încă.
Cum o scriu
Imaginea
Lipește Base64 în stânga sus: aici apare imaginea.
Imaginea în text
Fișierul e scris în Base64 exact cum e, fără să fie modificat sau comprimat din nou. Data URI e forma data:image/png;base64,…, bună oriunde se așteaptă o adresă; doar Base64 e textul fără prefix; CSS, HTML și Markdown îl pun direct la locul lui. Tipul (image/png, image/jpeg…) e citit din primii octeți ai fișierului, nu din extensie.
Base64 scrie fiecare 3 octeți în 4 caractere, deci textul iese cu aproximativ o treime mai lung decât fișierul; cifrele exacte apar lângă imagine.
SVG ca text
Un SVG e deja text, așa că poate intra într-un data URI și fără Base64. SVG ca text scrie cu % doar caracterele pe care o adresă nu le poate conține (<, >, ", #, spațiile…); înainte, rândurile noi și spațiile repetate devin un singur spațiu. Lungimea apare lângă imagine, ca s-o compari cu varianta Base64.
Base64 în imagine
Lipește Base64 sau un data URI întreg: unealta citește octeții, recunoaște formatul (PNG, JPG, GIF, WebP, SVG, BMP, ICO, AVIF…) și arată imaginea, pe care o poți descărca. Spațiile și rândurile noi sunt ignorate, iar alfabetul pentru adrese (- și _ în loc de + și /) e citit și el. Un caracter greșit e arătat cu poziția lui.
Nimic nu pleacă din browser
Imaginea și textul sunt citite și scrise în browserul tău; nu sunt trimise nicăieri.
Întrebări frecvente
Când merită o imagine în Base64?
Când imaginea e mică (o iconiță, un fundal simplu) și o vrei direct în CSS sau HTML, fără un fișier separat. Pentru imagini mari, ține cont că textul iese cu o treime mai lung decât fișierul. Mărimile sunt în KB de câte 1.000 de octeți.
Care e diferența față de Base64 encode / decode?
Base64 encode / decode lucrează cu orice text sau fișier. Aici totul e pentru imagini: vezi imaginea, primești CSS-ul și HTML-ul gata scrise, iar la citire formatul e recunoscut și imaginea afișată.