Urmați acest exemplu practic, apoi adaptați aceleași controale pentru propria imagine. Deschide Convertor imagine în Base64.
Selectați o imagine și previzualizați identitatea acesteia
Deschideți Convertor Imagine în Base64. Selectați o imagine sau Încercați o mostră. Exemplul utilizează favicon-orbit.png de 512 × 512 pixeli, care conține 202,491 octeți. Editorul arată imaginea deasupra codului său, astfel încât să puteți confirma că ați selectat activul dorit.
PNG, JPG, WebP, GIF, BMP și AVIF sunt acceptate atunci când browserul dvs. le poate decoda pentru previzualizare. Dimensiunea maximă a fișierului este de 25 MB, cu limite de 60 megapixeli și 16,000 pixeli pe latură. Marcajul SVG nu este acceptat de acest convertor raster.
Instrumentul citește octeții fișierului original. Nu utilizează previzualizarea pentru a reconstrui imaginea, a o redimensiona sau a o recomprima. Metadatele existente și animația GIF sunt, prin urmare, păstrate în datele codificate.
Înainte de codificare, utilizați Redimensionare Imagine sau Compresor Imagine dacă aveți nevoie de un activ mai mic. Base64 în sine nu reduce dimensiunea imaginii.
Alegeți reprezentarea pe care o așteaptă proiectul dvs.
Deschideți Setări și selectați imagine HTML sub Format cod pentru acest exemplu. Rezultatul este o etichetă img care conține un URL de date Base64. Atributul alt este inițial gol; scrieți un text alternativ util atunci când imaginea comunică informații.
URL-ul de date începe cu un prefix precum data:image/png;base64, urmat de datele codificate. Plain Base64 conține doar datele. Fundalul CSS înfășoară URL-ul de date într-o declarație background-image. Aceste reprezentări servesc unor destinații diferite, așa că copiați forma solicitată de aplicația dvs. în loc să schimbați doar numele fișierului.
Panoul de cod se actualizează imediat după ce schimbați Formatul codului. Pictograma de copiere copiază reprezentarea curentă și oferă confirmarea de copiere partajată. Când accesul la clipboard este blocat, codul este selectat pentru copiere manuală.
Un tag HTML img complet nu este același lucru cu un URL de date. Folosește doar valoarea src atunci când un câmp solicită un URL.
Exemplul din acest ghid
Încearcă un eșantion: favicon-orbit.png, 512 × 512 px, 202,491 octeți. Alege HTML imagine sub formatul Cod. Selectează Start și descarcă favicon-orbit-base64.txt.
- PNG original
- 512 × 512 px · 202,491 octeți
- Ieșire text HTML
- 270,029 octeți
- Codificare
- Octeți originali; fără re-compresie
Descarcă codul și înțelege dimensiunea acestuia
Selectează Start, apoi Descarcă. Exemplul salvează favicon-orbit-base64.txt care conține codul imaginii HTML. Cei 270,029 octeți ai săi sunt mai mari decât sursa de 202,491 octeți. Comparația din articol arată începutul real al textului descărcat, scurtat doar pentru lizibilitate.
Base64 convertește de obicei trei octeți sursă în patru caractere text, adăugând aproximativ o treime înainte de micul wrapper. Încorporarea unei pictograme mici poate face un document autonom, dar plasarea unor șiruri mari de imagini în interiorul HTML sau CSS mărește, de asemenea, acel document și împiedică stocarea imaginii în cache ca fișier separat.
Codificarea nu este criptare. Oricine are șirul complet Base64 poate recupera imaginea subiacentă. Tratează codul cu aceeași grijă ca pe sursă dacă acesta conține informații private.
Fragmentul trunchiat din acest articol este explicativ. Folosește TXT descărcat complet sau copiază codul integral din instrument.
Întrebări frecvente
Codificarea va reduce calitatea imaginii?
Nu. Codificarea păstrează octeții originali. Nu redimensionează, nu comprimă și nu redesenează imaginea.
De ce șirul Base64 este mai mare decât imaginea?
Base64 reprezintă trei octeți de intrare folosind patru caractere text, deci adaugă de obicei aproximativ o treime înainte de un wrapper sau prefix.
Animațiile GIF sunt păstrate?
Codificarea păstrează octeții GIF originali, inclusiv animația. O previzualizare poate afișa un cadru static, în timp ce datele codificate rețin toate cadrele.
Este Base64 sigur pentru imagini secrete?
Base64 nu este criptare. Păstrează șirul privat dacă imaginea subiacentă este privată. Convertorul în sine o procesează local în browserul tău.
Transformă imaginea potrivită în codul potrivit.
Încearcă un eșantion sau folosește propriul fișier și revizuiește rezultatul înainte de a-l partaja.
