Image ↔ Base64 mengonversi file gambar (PNG, JPG, SVG, WebP, GIF) ke data URI terenkode Base64 dan sebaliknya. Seret, tempel, atau klik untuk memuat gambar; salin string data:image/...;base64,... secara lengkap untuk disematkan secara inline di CSS, HTML, atau konfigurasi. Atau tempelkan data URI untuk melihat pratinjau dan mengunduhnya sebagai file gambar.
Gambar terenkode Base64 dapat disematkan langsung ke dalam file CSS, HTML, atau konfigurasi — sangat berguna untuk ikon kecil, templat email, atau artefak build di mana permintaan gambar eksternal tidak diinginkan. Alat ini membuat konversi menjadi sangat mudah. Seret file gambar, tempel dari clipboard, atau klik untuk menelusuri. Alat ini mengonversinya menjadi data URI dengan tipe MIME yang benar (data:image/png;base64,..., data:image/svg+xml;base64,..., dll.). Arah sebaliknya juga berfungsi — tempelkan data URI dan alat ini akan merender gambar untuk pratinjau serta menyediakan tautan unduhan untuk menyimpannya sebagai file asli. Bekerja sepenuhnya di browser, tanpa unggah — gambar Anda tidak pernah meninggalkan perangkat Anda. Mendukung format PNG, JPG/JPEG, SVG, WebP, GIF, dan ICO.
Berbagai cara untuk memuat gambar: seret file dari sistem operasi Anda, tempel dari clipboard (cuplikan layar bisa digunakan), atau klik untuk membuka pemilih file.
Saat Anda menempelkan data URI, alat ini akan merender gambar secara instan sehingga Anda dapat memverifikasinya sebelum menyalin atau mengunduh.
Menyalin string data:image/...;base64,... secara lengkap yang siap ditempelkan ke dalam CSS, atribut src HTML, atau konfigurasi JSON Anda.
Tanpa menunggu unggahan — semuanya terjadi secara lokal. Bahkan gambar besar dikonversi dalam waktu kurang dari satu detik.
Dari data URI Base64, simpan gambar yang telah didekode sebagai file asli (PNG, JPG, SVG, dll.) dengan ekstensi yang benar.
Mendukung PNG, JPG, SVG, WebP, GIF, dan ICO. Tipe MIME terdeteksi secara otomatis sehingga data URI Anda selalu benar.
Konversi ikon 16×16 ke Base64 dan masukkan secara inline di background-image: url(...). Tanpa permintaan HTTP, tanpa cache miss — ikon dikirim bersama file CSS Anda.
Sematkan gambar langsung di email HTML sebagai data URI ketika referensi gambar eksternal diblokir oleh klien email atau ditandai sebagai spam.
Sertakan gambar kecil dalam output bundel webpack/vite untuk menghilangkan round-trip aset selama aplikasi dijalankan (startup).
Tempelkan data URI dari dev tools, sumber HTML, atau file CSS untuk melihat pratinjau dan mengunduh gambar aslinya sebagai file.
Ketika gambar tersemat tidak muncul, tempelkan data URI-nya ke decoder untuk memverifikasi bahwa Base64 tersebut valid dan tipe MIME-nya benar.
Klik ikon Image Base64 di dok DevSuite Pro. Panel dua sisi akan terbuka dengan area drop (drop zone) dan bidang data URI.
Seret file ke area drop, tempel gambar dari clipboard (Ctrl+V), atau klik area tersebut untuk menelusuri. Pratinjau akan muncul.
Data URI Base64 dihasilkan secara instan di bidang output — klik Salin untuk mengirimnya ke clipboard, siap untuk disematkan secara inline.
Untuk mengubah Base64 → gambar, tempelkan data URI ke dalam bidang yang tersedia. Pratinjau akan merender gambar dan tombol Unduh akan muncul.
Simpan gambar yang telah direkonstruksi sebagai file asli, atau salin data URI-nya untuk dibagikan atau disematkan di tempat lain.
Instal DevSuite Pro secara gratis dan buka 64+ alat pengembang untuk browser Anda.
