Utilia
Categorii ▾
Limbă: ro ▾

Convertor imagine în Base64

Convertește o imagine în Base64 sau data URI, cu cod CSS și HTML gata de lipit, ori decodează Base64 înapoi în imagine, cu previzualizare. Fără încărcare.

Imagine → Base64

Base64 → imagine

Cum convertești o imagine în Base64

  1. La Imagine → Base64, trage o imagine în zona de plasare sau fă clic pe ea ca s-o alegi (PNG, JPEG, GIF, WebP, SVG, ICO, BMP, AVIF…).
  2. Alege Rezultat: Data URI (data:image/png;base64,…), Doar Base64, CSS background-image sau Etichetă HTML , care include și lățimea și înălțimea imaginii.
  3. Apasă Copiază sau Descarcă ca .txt pentru rezultate lungi.

Linia de sub zona de plasare indică formatul real (citit din octeții fișierului, nu din nume), dimensiunile, mărimea fișierului și lungimea data URI-ului.

Cum convertești Base64 înapoi în imagine

  1. La Base64 → imagine, lipește textul în Text Base64 sau data URI. Poți lipi un șir Base64 simplu, un data URI complet sau chiar o regulă CSS întreagă ori o etichetă <img>: data URI-ul este găsit în interior. Rupturile de rând și spațiile sunt ignorate, iar Base64 sigur pentru URL-uri (cu - și _) funcționează și el.
  2. Apasă Decodează imaginea. Apar previzualizarea, tipul, dimensiunile și mărimea.
  3. Apasă Descarcă imaginea ca s-o salvezi cu extensia corectă.

Tipul este verificat cu „octeții magici”, semnătura de la începutul oricărui format de imagine (de exemplu 89 50 4E 47 pentru PNG sau FF D8 FF pentru JPEG). Dacă un data URI pretinde că este image/jpeg, dar conține un PNG, instrumentul te anunță și folosește tipul real. Orice nu este o imagine recunoscută este refuzat, iar limita este de 20 MB de date de imagine.

Cum funcționează Base64

Base64 transformă fiecare grup de 3 octeți dintr-un fișier în 4 caractere imprimabile, luate din A–Z, a–z, 0–9, + și /, cu = ca umplutură la sfârșit. De aceea textul codificat este cu aproximativ 33% mai mare decât fișierul: o pictogramă de 30 KB devine un text de circa 40 KB. Un data URI adaugă un antet scurt, data:<tip>;base64,, ca browserul să știe cum să-l citească.

Când să incluzi imaginile ca data URI

Data URI-urile sunt utile pentru:

  • pictograme mici, sigle și fundaluri în CSS, ca să economisești o cerere;
  • e-mailuri HTML și documente HTML dintr-un singur fișier, care trebuie să funcționeze fără fișiere externe;
  • API-uri JSON și fișiere de configurare care pot transporta doar text.

Nu se potrivesc pentru fotografii mari. Textul este cu o treime mai mare decât fișierul, nu poate fi păstrat în cache separat de pagina sau de foaia de stil care îl conține și întârzie afișarea. Peste aproximativ 10–100 KB, un fișier de imagine obișnuit, servit cu un cache bun, câștigă de regulă; de aceea instrumentul afișează un memento pentru imaginile de peste 100 KB.

Totul rulează în browserul tău: imaginile și textul lipit nu sunt încărcate niciodată pe un server.

Întrebări frecvente

Este Base64 o metodă de a comprima sau de a proteja o imagine?

Nu. Base64 face datele cu aproximativ 33% mai mari, iar oricine le poate decoda. Transformă doar datele binare în text, care poate circula acolo unde datele binare nu pot.

De ce nu se afișează data URI-ul meu?

Cele mai frecvente cauze sunt un tip lipsă sau greșit în antet, spații ori ghilimele lipite în mijlocul șirului sau un text trunchiat. Lipește-l la Base64 → imagine: instrumentul semnalează caracterele nevalide și verifică tipul real.

Pot folosi un SVG ca data URI?

Da. SVG poate fi codificat în Base64 ca orice imagine. Pentru SVG, un data URI codificat ca URL (data:image/svg+xml,%3Csvg…) este adesea mai scurt; acest instrument le decodează pe amândouă.

Funcționează cu imagini HEIC sau AVIF?

Codificarea funcționează cu orice fișier de imagine. Previzualizarea apare doar dacă browserul tău poate afișa formatul, dar textul Base64 și descărcarea sunt întotdeauna corecte.

Există o limită de dimensiune?

Da, 20 MB de date de imagine, în ambele sensuri. Șirurile mai mari încetinesc browserele și rareori sunt o idee bună într-o pagină web.

Instrumente similare