IQ
PayloadIQ
Utilitare PayloadIQ

Imagine în Base64

Transformă o imagine într-un data URI Base64 și copiaz-o ca string brut sau ca fragment HTML, CSS ori Markdown. Totul rulează direct în browserul tău.

Rulează în browserul tău. Ce introduci nu este încărcat pe PayloadIQ.

Acest tool codifică o imagine într-un data URI Base64 direct în browser: tragi un fișier și primești stringul pe care îl lipești ca atare în cod. Imaginea este citită și codificată pe dispozitivul tău cu API-ul FileReader, fără niciun upload. Pe lângă stringul brut, obții fragmente gata de folosit pentru un tag img, un background-image în CSS sau o imagine Markdown.

Încorporează o imagine ca text

Un data URI transformă imaginea într-un șir de caractere pe care îl lipești direct în markup, fără fișier separat și fără o cerere HTTP în plus. Fișierul călătorește împreună cu documentul și se încarcă odată cu el, ceea ce e util pentru iconițe mici, logo-uri, șabloane de e-mail și fișiere de sine stătătoare. Ține minte că e potrivit doar pentru elemente mici: Base64 reprezintă date binare prin text, așa că adaugă cam o treime la dimensiunea fișierului original. Pentru o fotografie mare e mai bine să folosești un URL real către imagine.

Local și privat

Codificarea se bazează pe API-ul FileReader din browser, deci imaginea nu părăsește niciodată dispozitivul tău și niciun server nu o vede. E perfect pentru vizualuri confidențiale sau nepublicate încă, și funcționează chiar și offline odată ce pagina s-a încărcat. După conversie, copiezi stringul brut din tab-ul Data URI sau alegi direct fragmentul HTML, CSS ori Markdown, în funcție de locul unde îl vei lipi.

Întrebări frecvente

La ce folosește un data URI Base64?
Încorporează imaginea direct în HTML, CSS sau Markdown sub formă de text, așa că fișierul se încarcă împreună cu documentul, fără o cerere separată. E ideal pentru iconițe mici, șabloane de e-mail și fișiere de sine stătătoare.
Imaginea mea se încarcă pe vreun server?
Nu. Codificarea se face în browserul tău cu API-ul FileReader, iar imaginea rămâne pe dispozitivul tău. Nimic nu este trimis către vreun server.
De ce stringul Base64 e mai mare decât fișierul?
Base64 reprezintă date binare prin text, ceea ce adaugă cam o treime la dimensiune. E normal și inevitabil, de aceea data URI se potrivește cel mai bine imaginilor mici.
Ce fragment ar trebui să aleg?
Alege HTML pentru un tag img, CSS pentru un background-image sau Markdown pentru documentație și fișiere README. Tab-ul Data URI îți dă stringul brut, pe care îl poți folosi oriunde.

Utilitare similare

Convertor de imaginiGenerator favicon
Deschide PayloadIQ Playground