Cum convertesc o imagine într-un Base64 data URI pentru CSS?

Trageți sau lipiți o imagine (Ctrl+V), apoi deschideți fila CSS și faceți clic pe Copiază. Obțineți o regulă background-image: url(...) cu data URI inclus. Filele HTML, Markdown, Base64 brut și JSON funcționează la fel.

De ce este rezultatul Base64 cu aproximativ o treime mai mare decât imaginea mea?

Base64 transformă fiecare 3 octeți în 4 caractere text, deci textul este cu aproximativ 33% mai mare decât fișierul. De aceea data URI se potrivesc pentru pictograme și sigle mici, nu pentru fotografii mari.

Cum pot scurta șirul Base64?

Deschideți mai întâi Micșorează și setați o Lățime maximă sau un Format (WebP, JPEG sau PNG) și reduceți Calitatea pentru WebP sau JPEG. Fișierele SVG și GIF nu pot fi micșorate astfel; SVG primește în schimb o filă SVG (URL-encoded).

Pot transforma un șir Base64 înapoi într-o imagine?

Da. Comutați Direcția la Base64 în imagine și lipiți un data URI sau Base64 simplu. Recunoaște PNG, JPEG, GIF, WebP, SVG, BMP, ICO și AVIF, apoi oferă descărcarea. O intrare nevalidă afișează o eroare.

De ce eșuează Copiază sau previzualizarea pare tăiată la o imagine mare?

Previzualizarea arată doar primele 2000 de caractere, dar Copiază și Descarcă oferă valoarea completă. Șirurile foarte mari pot depăși limita clipboardului browserului, deci folosiți Descarcă sau micșorați mai întâi imaginea.

Da. Fiecare unealtă este gratuită, fără cont și fără card de credit. Procesarea se face pe dispozitivul tău, nu pe serverele noastre, ceea ce ne permite să le oferim gratuit.

Îmi sunt încărcate fișierele?

Nu. Fișierele tale sunt deschise și procesate în browser și nu sunt trimise către LibraTool. Unele instrumente descarcă mai întâi în browser un motor de procesare sau un model AI; acea descărcare nu conține date de-ale tale.

Funcționează pe mobil?

Da. Funcționează în browserele mobile actuale de pe iOS și Android, fără nimic de instalat. Fișierele foarte mari pot fi lente sau pot epuiza memoria telefonului, așa că folosește un computer pentru ele.

🖼️

Imagine în Base64 — gratuit

Convertește o imagine într-un URI de date Base64 pentru utilizare inline în CSS, HTML sau Markdown. Copiază fragmente gata de utilizat. Codificat în browser; niciodată încărcat.

Dimensiunea fișierului depinde de dispozitivul tăuFișierele rămân privateFără autentificare necesarăGratuit pentru totdeauna

Funcționează offline odată încărcat

Trage un fișier aici sau fă clic pentru a naviga

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · procesat pe dispozitivul tău

sau apăsați Ctrl+V pentru a lipi din clipboard

Răsfoiește fișierele

Sfat: poți de asemenea să lipești o imagine din clipboard-ul tău (Ctrl+V).

Fișierele tale nu părăsesc niciodată dispozitivul. Toată procesarea se face local în browser.

Convertește o imagine într-un Data URI Base64 pe care îl poți lipi direct în CSS, HTML sau Markdown — fără fișier separat. Codificat în browser; niciodată încărcat.

Utilizări frecvente

Încorporați o imagine în CSSÎncorporați o pictogramă mică sau fundalul ca data-URI în foaia dvs. de stil.
Încorporați o imagine în HTMLÎncorporați un logo sau pictogramă direct în HTML independente.
Convertiți o SVG sau pictogramă în Base64Transformați o pictogramă mică într-o data-URI pentru încorporare.
Încorporați o imagine în MarkdownÎncorporați o imagine mică într-un fișier Markdown cu data-URI.
Obțineți o data-URI imagineProduceți o date brută: URI pe care o puteți folosi oriunde.

Cum funcționează

O URI de date încorporează o imagine direct în codul tău ca text, deci se încarcă fără o cerere de fișier separat — util pentru iconițe mici și HTML independent. Aceasta o codifică în browserul tău.

1
Tu dai drumul unei imagini
Este citită local cu API FileReader — niciodată încărcată.
2
Este codificată Base64
Octeții imagine devin o URI de date: (data:image/...;base64,…) chiar în browserul tău.
3
Tu alegi un fragment
Copiază URI-ul de date brut sau CSS gata (background-image), HTML (<img>) sau Markdown.
4
Lipește-l în codul tău
Imaginea călătorește acum în linie cu CSS/HTML-ul tău — fără fișier suplimentar de găzduit.

Imaginea este codificată în întregime pe dispozitivul tău. Rețineți că Base64 este ~33% mai mare decât originalul, deci URI-urile de date sunt mai bune pentru imagini mici.

Instrumente similare

🖼️

Steganografie Imagine (Ascunde Text în Imagine)

Ascunde un mesaj text secret într-un PNG folosind steganografia bitului cel mai puțin semnificativ, cu criptare opțională AES-256-GCM prin parolă. Extrage-l mai târziu cu același instrument. Totul rulează în browser.

ÎncearcăFișierele rămân locale

🔢

Encoder & Decoder Base64

Codifică text sau fișiere în Base64 sau decodifică șiruri Base64 înapoi la text simplu. Instant, privat și gratuit.

Încearcă

🔗

Codificator și decodificator URL

Codificați și decodificați URL-uri și șiruri de interogare. Suportă encodeURIComponent, decodeURIComponent și analiza șirurilor de interogare.