Image ↔ Base64 teisendab pildifailid (PNG, JPG, SVG, WebP, GIF) Base64-kodeeritud andme-URI-deks ja vastupidi. Lohistage, kleepige või klõpsake pildi laadimiseks; kopeerige täielik data:image/...;base64,... string, et see põimida otse CSS-i, HTML-i või konfiguratsiooni. Või kleepige andme-URI, et see eelvaadata ja pildifailina alla laadida.
Base64-kodeeritud pilte saab põimida otse CSS-i, HTML-i või konfiguratsioonifailidesse — kasulik väikeste ikoonide, e-kirja mallide või build-artefaktide puhul, kus välised pilditaotlused pole soovitavad. See tööriist teeb teisendamise vaevatuks. Lohistage pildifail, kleepige see lõikelaualt või klõpsake sirvimiseks. Tööriist teisendab selle õige MIME-tüübiga andme-URI-ks (data:image/png;base64,..., data:image/svg+xml;base64,... jne). Toimib ka vastupidises suunas — kleepige andme-URI ja tööriist renderdab pildi eelvaateks ning pakub allalaadimislingi selle salvestamiseks pärisfailina. Töötab täielikult brauseris, ilma üleslaadimisteta — teie pildid ei lahku kunagi teie arvutist. Toetab PNG, JPG/JPEG, SVG, WebP, GIF ja ICO vorminguid.
Mitu võimalust pildi laadimiseks: lohistage fail oma operatsioonisüsteemist, kleepige lõikelaualt (ekraanipildid töötavad) või klõpsake failivaliku avamiseks.
Kui kleepite andme-URI, renderdab tööriist pildi koheselt, et saaksite selle enne kopeerimist või allalaadimist kontrollida.
Kopeerib täieliku data:image/...;base64,... stringi, mis on valmis kleepimiseks teie CSS-i, HTML-i src-atribuuti või JSON-konfiguratsiooni.
Ei ole üleslaadimisootust — kõik toimub lokaalselt. Isegi suured pildid teisenduvad sekundimurdosaga.
Base64 andme-URI-st saate salvestada dekodeeritud pildi tegeliku failina (PNG, JPG, SVG jne) õige laiendiga.
Toetab PNG, JPG, SVG, WebP, GIF ja ICO vorminguid. MIME-tüüp tuvastatakse automaatselt, nii et teie andme-URI on alati korrektne.
Teisendage 16×16 ikoon Base64-ks ja põimige see otse background-image: url(...) sisse. Puudub HTTP-päring, puudub vahemälu mööda minemine — ikoon liigub koos teie CSS-iga.
Põimige pildid otse HTML-e-kirjadesse andme-URI-dena, kui välised pildiviited blokeeritakse klientide poolt või märgitakse rämpspostiks.
Lisage väikesed pildid webpack/vite build-väljundisse, et vältida ressursside eraldi laadimist rakenduse käivitumisel.
Kleepige andme-URI arendustööriistadest, HTML-lähtekoodist või CSS-failist, et eelvaadata ja alla laadida sisalduv pilt failina.
Kui põimitud pilt ei kuva, kleepige andme-URI dekoodrisse, et kontrollida, kas Base64 on kehtiv ja MIME-tüüp korrektne.
Klõpsake DevSuite Pro dokis Image Base64 ikooni. Avaneb kaheosaline paneel koos lohistusalaga ja andme-URI väljaga.
Lohistage fail lohistusalale, kleepige pilt lõikelaualt (Ctrl+V) või klõpsake alal sirvimiseks. Ilmub eelvaade.
Base64 andme-URI genereeritakse koheselt väljundväljal — klõpsake Copy, et see lõikelauale saata, valmis inline-kleepimiseks.
Base64 → pilt suunas liikumiseks kleepige andme-URI väljale. Eelvaade renderdab pildi ja ilmub allalaadimisnupp.
Salvestage rekonstrueeritud pilt pärisfailina või kopeerige andme-URI, et seda mujal jagada või põimida.
Paigaldage DevSuite Pro tasuta ja avage 64+ arendustööriista oma brauserile.