Image to Base64
Trageți orice imagine în acest convertor imagine în Base64 pentru a obține un data URI și fragmente gata de lipit pentru HTML, CSS și JavaScript. Imaginile încorporate economisesc cereri HTTP pentru pictograme mici și sunt esențiale pentru HTML pe un singur fișier, șabloane e-mail și aplicații offline.
Cum convertiți Image to Base64 online
- Selectați un fișier imagine sau lipiți un URL de imagine.
- Alegeți ieșirea: data URI,
<img>, fundal CSS, favicon, JSON și altele. - Faceți clic pe Codificați imaginea în Base64.
- Previzualizați imaginea și copiați codul.
Mai mulți convertori Image to Base64
Formate de ieșire
Alegeți cum să fie încadrat rezultatul. Convertorul poate returna:
- txt: doar șirul Base64, gata de lipit în cod, într-un câmp de bază de date sau într-o cerere API.
- uri: un URI
data:complet pe care îl puteți lipi în bara de adrese a browserului sau folosi oriunde este acceptat un URL. - html img: o etichetă
<img>cu data URI însrc. - css background image: o regulă CSS folosind
background-image: url(data:...). - html favicon: o etichetă
<link rel="icon">pentru un favicon încorporat. - html hyperlink: un link
<a>care descarcă sau deschide fișierul încorporat. - html iframe: un
<iframe>care redă conținutul în linie. - javascript image: JavaScript care creează un obiect
Image. - javascript popup: JavaScript care deschide conținutul într-o fereastră nouă.
- json: un obiect JSON cu numele fișierului, tipul MIME și datele.
- xml: un element XML cu datele într-o secțiune CDATA.
Când ar trebui să încorporați imagini ca Base64?
Încorporați imagini mici (sub aproximativ 5–10 KB) precum pictograme, logo-uri și placeholder-e pentru a economisi cereri. Evitați încorporarea fotografiilor mari: fac HTML/CSS mai grele, nu pot fi stocate separat în cache și întârzie redarea. Pentru o discuție detaliată, vedeți data URI-uri explicate.
Întrebări frecvente
Cum convertesc o imagine în Base64?
Alegeți imaginea, selectați "Data URI" sau "<img>" ca ieșire și faceți clic pe "Codificați imaginea în Base64". Copiați rezultatul în HTML sau CSS.
Ce formate de imagine sunt suportate?
Orice format pe care browserul îl poate citi: PNG, JPG/JPEG, GIF, WebP, SVG, BMP, ICO, AVIF, TIFF și altele.
Cum folosesc o imagine Base64 în HTML?
Puneți data URI în atributul src: <img src="data:image/png;base64,iVBORw0KGgo..." alt="">.
Comentarii (0)
Întrebări, idei sau o eroare în „Image to Base64”? Lăsați un comentariu, evaluați instrumentul sau răspundeți altora.
Nu există încă comentarii. Fiți primul care își împărtășește părerea!