Imagine ↔ Base64 convertește fișiere imagine (PNG, JPG, SVG, WebP, GIF) în data URI codificate Base64 și invers. Trageți, lipiți sau apăsați pentru a încărca o imagine; copiați șirul complet data:image/...;base64,... pentru a-l încorpora direct în CSS, HTML sau configurări. Sau lipiți un data URI pentru a-l previzualiza și descărca sub formă de fișier imagine.
Imaginile codificate Base64 pot fi încorporate direct în fișiere CSS, HTML sau de configurare — utile pentru pictograme mici, șabloane de e-mail sau artefacte de build unde cererile externe de imagini nu sunt de dorit. Acest instrument face conversia extrem de simplă. Trageți un fișier imagine, lipiți din clipboard sau apăsați pentru a răsfoi. Instrumentul îl convertește într-un data URI cu tipul MIME corect (data:image/png;base64,..., data:image/svg+xml;base64,... etc.). Și direcția opusă funcționează — lipiți un data URI, iar instrumentul randează imaginea pentru previzualizare și oferă un link de descărcare pentru a o salva ca fișier real. Funcționează integral în browser, fără încărcări pe server — imaginile dumneavoastră nu părăsesc niciodată calculatorul. Acceptă formatele PNG, JPG/JPEG, SVG, WebP, GIF și ICO.
Mai multe moduri de a încărca o imagine: trageți un fișier din sistemul de operare, lipiți din clipboard (funcționează și capturile de ecran) sau apăsați pentru a deschide un selector de fișiere.
Când lipiți un data URI, instrumentul randează imediat imaginea, astfel încât să o puteți verifica înainte de a o copia sau descărca.
Copiază șirul complet data:image/...;base64,..., gata de lipit în CSS, în atributul src din HTML sau într-o configurare JSON.
Fără așteptare pentru încărcare — totul se întâmplă local. Chiar și imaginile mari se convertesc într-o fracțiune de secundă.
Din data URI Base64, salvați imaginea decodificată ca fișier real (PNG, JPG, SVG etc.) cu extensia corectă.
Suportă PNG, JPG, SVG, WebP, GIF și ICO. Tipul MIME este detectat automat, astfel încât data URI-ul este mereu corect.
Convertiți o pictogramă de 16×16 în Base64 și încorporați-o inline în background-image: url(...). Fără cerere HTTP, fără cache miss — pictograma vine odată cu CSS-ul.
Încorporați imagini direct în e-mailuri HTML ca data URI, atunci când referințele externe de imagini sunt blocate de clienți sau marcate ca spam.
Includeți imagini mici direct în output-ul unui bundle webpack/vite pentru a elimina cererile suplimentare de assets la pornirea aplicației.
Lipiți un data URI din dev tools, din sursa HTML sau dintr-un fișier CSS pentru a previzualiza și descărca imaginea reală ca fișier.
Când o imagine încorporată nu se afișează, lipiți data URI-ul în decodor pentru a verifica dacă Base64-ul este valid și tipul MIME este corect.
Apăsați pe pictograma Image Base64 din dock-ul DevSuite Pro. Se deschide un panou cu două zone: una pentru încărcare și una pentru câmpul data URI.
Trageți un fișier în zona de încărcare, lipiți o imagine din clipboard (Ctrl+V) sau apăsați pe zonă pentru a răsfoi. Apare o previzualizare.
Data URI-ul Base64 este generat imediat în câmpul de ieșire — apăsați Copy pentru a-l trimite în clipboard, gata de lipit inline.
Pentru a merge din Base64 în imagine, lipiți un data URI în câmp. Previzualizarea randează imaginea, iar butonul Download apare automat.
Salvați imaginea reconstruită ca fișier real sau copiați data URI-ul pentru a-l distribui sau încorpora în altă parte.
Instalează DevSuite Pro gratuit și deblochează peste 64 de instrumente pentru dezvoltatori în browserul tău.
