← Tagasi funktsioonide juurde
Free

Image ↔ Base64

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.

Reaalajas eelvaade
example.com
Image ↔ Base64 Pilt → Base64 Base64 → Pilt
Lohista pilt
Lohista, kleepige või klõpsake
PNG, JPG, SVG, WebP
logo.png
8.4 KB · 256×256
Base64 andmete URI
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNrs0rERwCAIhFEwjv9/6OS...
Kopeeri Laadi alla
Põhifunktsioonid

Lohistage, kleepige või sirvige

Mitu võimalust pildi laadimiseks: lohistage fail oma operatsioonisüsteemist, kleepige lõikelaualt (ekraanipildid töötavad) või klõpsake failivaliku avamiseks.

Reaalajas pildi eelvaade

Kui kleepite andme-URI, renderdab tööriist pildi koheselt, et saaksite selle enne kopeerimist või allalaadimist kontrollida.

Ühe klõpsuga andme-URI kopeerimine

Kopeerib täieliku data:image/...;base64,... stringi, mis on valmis kleepimiseks teie CSS-i, HTML-i src-atribuuti või JSON-konfiguratsiooni.

Kohene teisendamine

Ei ole üleslaadimisootust — kõik toimub lokaalselt. Isegi suured pildid teisenduvad sekundimurdosaga.

Allalaadimine failina

Base64 andme-URI-st saate salvestada dekodeeritud pildi tegeliku failina (PNG, JPG, SVG jne) õige laiendiga.

Toetab kõiki levinud vorminguid

Toetab PNG, JPG, SVG, WebP, GIF ja ICO vorminguid. MIME-tüüp tuvastatakse automaatselt, nii et teie andme-URI on alati korrektne.

Tavalised kasutusjuhud

Väikeste ikoonide põimimine CSS-i

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.

E-kirja mallid

Põimige pildid otse HTML-e-kirjadesse andme-URI-dena, kui välised pildiviited blokeeritakse klientide poolt või märgitakse rämpspostiks.

Build-artefaktid ja pakendid

Lisage väikesed pildid webpack/vite build-väljundisse, et vältida ressursside eraldi laadimist rakenduse käivitumisel.

Piltide eraldamine andme-URI-dest

Kleepige andme-URI arendustööriistadest, HTML-lähtekoodist või CSS-failist, et eelvaadata ja alla laadida sisalduv pilt failina.

Põimitud piltide silumine

Kui põimitud pilt ei kuva, kleepige andme-URI dekoodrisse, et kontrollida, kas Base64 on kehtiv ja MIME-tüüp korrektne.

Kuidas kasutada
1

Avage Image ↔ Base64

Klõpsake DevSuite Pro dokis Image Base64 ikooni. Avaneb kaheosaline paneel koos lohistusalaga ja andme-URI väljaga.

2

Laadige pilt

Lohistage fail lohistusalale, kleepige pilt lõikelaualt (Ctrl+V) või klõpsake alal sirvimiseks. Ilmub eelvaade.

3

Hankige andme-URI

Base64 andme-URI genereeritakse koheselt väljundväljal — klõpsake Copy, et see lõikelauale saata, valmis inline-kleepimiseks.

4

Vastupidine suund

Base64 → pilt suunas liikumiseks kleepige andme-URI väljale. Eelvaade renderdab pildi ja ilmub allalaadimisnupp.

5

Laadige alla või kopeerige

Salvestage rekonstrueeritud pilt pärisfailina või kopeerige andme-URI, et seda mujal jagada või põimida.

Kas olete valmis alustama?

Paigaldage DevSuite Pro tasuta ja avage 64+ arendustööriista oma brauserile.

Lisa Chrome'i Lisa Edge'i Lisa FireFoxi