Kuva ↔ Base64 muuntaa kuvatiedostot (PNG, JPG, SVG, WebP, GIF) Base64-koodatuiksi data -URI:eiksi ja takaisin. Vedä, liitä tai napsauta ladataksesi kuvan; kopioi koko data:image/...;base64,... -merkkijono upottaaksesi sen suoraan CSS:ään, HTML:ään tai asetuksiin. Tai liitä data -URI esikatsellaksesi ja ladataksesi sen kuvatiedostona.
Base64-koodatut kuvat voidaan upottaa suoraan CSS-, HTML- tai asetustiedostoihin — hyödyllistä pienille kuvakkeille, sähköpostimalleille tai koontiversioille, joissa ulkoiset kuvapyynnöt ovat ei-toivottuja. Tämä työkalu tekee muuntamisesta vaivatonta. Vedä kuvatiedosto, liitä leikepöydältä tai napsauta selataksesi. Työkalu muuntaa sen data -URI:ksi, jolla on oikea MIME-tyyppi (data:image/png;base64,..., data:image/svg+xml;base64,... jne.). Vastakkainen suunta toimii myös — liitä data -URI, ja työkalu renderöi kuvan esikatselua varten ja tarjoaa latauslinkin sen tallentamiseksi oikeana tiedostona. Toimii täysin selaimessa, ei latauksia palvelimelle — kuvasi eivät koskaan lähde koneeltasi. Käsittelee PNG-, JPG/JPEG-, SVG-, WebP-, GIF- ja ICO-muotoja.
Useita tapoja ladata kuva: vedä tiedosto käyttöjärjestelmästäsi, liitä leikepöydältä (kuvakaappaukset toimivat) tai napsauta avataksesi tiedostonvalitsimen.
Kun liität data -URI:n, työkalu renderöi kuvan välittömästi, jotta voit tarkistaa sen ennen kopiointia tai lataamista.
Kopioi koko data:image/...;base64,... -merkkijonon valmiina liitettäväksi CSS:ään, HTML:n src-määritteeseen tai JSON-asetuksiin.
Ei latauksen odottamista palvelimelle — kaikki tapahtuu paikallisesti. Jopa suuret kuvat muuntuvat murto-osassa sekuntia.
Tallenna purettu kuva Base64 data -URI:sta todellisena tiedostona (PNG, JPG, SVG jne.) oikealla tiedostopäätteellä.
Tukee PNG, JPG, SVG, WebP, GIF ja ICO. MIME-tyyppi tunnistetaan automaattisesti, joten data -URI on aina oikein.
Muunna 16×16 kuvake Base64:ksi ja upota se muotoon background-image: url(...). Ei HTTP-pyyntöä, ei välimuistin ohitusta — kuvake toimitetaan CSS:si mukana.
Upota kuvat suoraan HTML-sähköposteihin data -URI:eina, kun asiakasohjelmat estävät ulkoiset kuvaviittaukset tai merkitsevät ne roskapostiksi.
Sisällytä pieniä kuvia webpack/vite-paketin tulosteeseen poistaaksesi resurssien edestakaiset matkat sovelluksen käynnistyksen aikana.
Liitä data -URI kehittäjän työkaluista, HTML-lähdekoodista tai CSS-tiedostosta esikatsellaksesi ja ladataksesi taustalla olevan kuvan tiedostona.
Kun upotettu kuva ei renderöidy, liitä data -URI purkajaan varmistaaksesi, että Base64 on kelvollinen ja MIME-tyyppi on oikea.
Napsauta Kuva Base64 -kuvaketta DevSuite Pro -telakassa. Avautuu kaksiruutuinen paneeli, jossa on pudotusalue ja data -URI -kenttä.
Vedä tiedosto pudotusalueelle, liitä kuva leikepöydältä (Ctrl+V) tai napsauta aluetta selataksesi. Esikatselu tulee näkyviin.
Base64 data -URI luodaan välittömästi tulostekenttään — napsauta Kopioi lähettääksesi sen leikepöydällesi, valmiina liitettäväksi tekstin sekaan.
Base64 → kuva: liitä data -URI kenttään. Esikatselu renderöi kuvan ja Lataa-painike ilmestyy.
Tallenna uudelleenrakennettu kuva todellisena tiedostona tai kopioi data -URI jakaaksesi tai upottaaksesi sen muualle.
Asenna DevSuite Pro ilmaiseksi ja avaa yli 64 kehittäjätyökalua selaimellesi.
