Konversi gambar ke Base64
Alat ini mengubah gambar ke Base64 dan langsung memberi Data URL, tag HTML, latar CSS, Markdown, atau JSON yang siap disalin. Bila perlu, gambar dikecilkan dulu atau diubah ke PNG, JPG, atau WebP. Sebaliknya, dekoder menampilkan gambar dari teks Base64 dan menyimpannya sebagai file.
Sumber: RFC 2397, RFC 2397 – The "data" URL scheme. Diperbarui: .
Cara menghitung
Cara mengubah gambar ke Base64
- Seret gambar, pilih file, atau tempel dengan Ctrl + V. Kode Base64 langsung muncul.
- Pilih keluaran: Data URL untuk
srcatauurl(), hanya Base64 untuk API, tag img HTML siap pakai dengan lebar dan tinggi, baris CSS untukbackground-image, Markdown, atau JSON. - Salin atau simpan sebagai file teks.
Data URL mengikuti RFC 2397: data:image/png;base64, lalu byte gambar dalam Base64 sesuai RFC 4648. Tipe MIME dikenali dari isi file, bukan dari ekstensinya – PNG yang bernama .jpg tetap mendapat image/png dengan benar.
Berapa besar gambar dalam Base64?
Base64 mengubah setiap 3 byte menjadi 4 karakter, sehingga teksnya sekitar 33% lebih besar daripada file: gambar 30 KB menjadi kira-kira 40.000 karakter. Karena itu Base64 paling cocok untuk grafik kecil seperti ikon, logo, gambar di email, file HTML mandiri, dan CSS. Kecilkan foto besar dulu dengan “Kecilkan ke lebar” atau ubah ke WebP atau JPG.
Dari Base64 kembali ke gambar
Pada mode “Base64 → gambar”, tempel Data URL, satu baris CSS, tag img, atau hanya teks Base64 – boleh dengan baris baru, tanpa tanda sama dengan di akhir, atau varian aman URL dengan - dan _. Alat ini mengenali JPG, PNG, GIF, WebP, BMP, TIFF, AVIF, HEIC, SVG, dan ICO, menampilkan ukuran file dan dimensi, lalu menyimpan file dengan ekstensi yang tepat. Jika tipe di Data URL berbeda dari isi sebenarnya, akan muncul peringatan.
Privasi dan batasan
Gambar dan teks yang ditempel tetap di browser; tidak ada yang diunggah atau disimpan. Gambar hingga 10 MB bisa dikodekan; SVG dan ICO tidak diubah. Untuk teks atau file apa pun gunakan Base64 decode dan encode, untuk mengubah format gambar ubah format gambar, dan untuk memperkecilnya kompres foto.
Pertanyaan umum
Bagaimana cara mengubah gambar ke Base64?
Pilih gambar di sini dan kodenya langsung muncul. Sebagai Data URL, kode diawali data:image/…;base64, dan bisa langsung dipakai di HTML atau CSS.
Bagaimana memasukkan gambar Base64 ke HTML?
Pilih keluaran “HTML <img>” lalu salin: <img src="data:image/png;base64,…" alt="…">. Lebar dan tinggi ditambahkan otomatis.
Bagaimana mengubah Base64 kembali menjadi gambar?
Pilih “Base64 → gambar”, tempel teksnya, lalu klik “Tampilkan gambar”. Gambar muncul dan bisa disimpan dengan ekstensi yang benar.
Mengapa kode Base64 lebih besar dari gambarnya?
Base64 menuliskan setiap 3 byte sebagai 4 karakter teks, sehingga kodenya sekitar sepertiga lebih besar daripada file.
Apakah SVG bisa diubah ke Base64?
Bisa. SVG dikodekan apa adanya dengan tipe image/svg+xml, misalnya untuk latar CSS.
Apakah gambar saya diunggah?
Tidak. Encode dan decode berlangsung sepenuhnya di browser Anda dan tidak ada yang disimpan.
Sumber dan dasar hukum
- RFC 2397: RFC 2397 – The "data" URL scheme
- RFC 4648: RFC 4648 – The Base16, Base32, and Base64 Data Encodings (§ 4 Base64, § 5 Base64url)
- MDN – data: URLs
- ITU-T T.81 / ISO/IEC 10918-1 – JPEG
- W3C – Portable Network Graphics (PNG) Specification
- Google for Developers – An image format for the Web (WebP)
- AOMedia – AV1 Image File Format (AVIF)
- MDN – Image file type and format guide
- MDN – HTMLCanvasElement.toBlob()
Diperbarui: · Kebijakan editorial
Alat terkait
- Base64 decode dan encode onlineBase64 decode dan encode online, termasuk Base64url dengan UTF-8 yang benar, serta URL encode/decode (percent-encoding). Pesan error jelas, berjalan di browser.
- Ubah format gambar: JPG, PNG, WebP, AVIFUbah format gambar tanpa unggah: PNG ke JPG, JPG ke PNG, WebP ke JPG atau PNG, HEIC ke JPG, atau ke AVIF – hingga 20 gambar sekaligus, unduh ZIP. Gratis.
- Kompres foto online – perkecil ukuran gambarKompres foto online tanpa upload: perkecil ukuran JPG, PNG, WebP dan HEIC, hingga 20 gambar sekaligus, dengan target ukuran dalam KB dan unduhan ZIP. Gratis.
- Ubah ukuran fotoUbah ukuran foto online: resize gambar dalam piksel atau persen, pertahankan rasio atau potong, dengan template Instagram dan YouTube. Tanpa upload.
- Favicon generator: dari gambar, teks, atau emojiBuat favicon online dari gambar, huruf, atau emoji: favicon.ico (16/32/48), apple-touch-icon, PNG 192/512, webmanifest, dan kode HTML. Tanpa unggah.
- Buat QR code gratis dan permanenBuat QR code untuk link, Wi-Fi, kontak (vCard), email, telepon, atau SMS. Pilih warna, unduh PNG atau SVG. Gratis, tanpa daftar, dan tidak ada masa berlaku.
- Cari foto duplikat dan rapikanCari foto duplikat: kelompokkan gambar identik dan mirip, tandai duplikatnya, lalu unduh ZIP yang sudah bersih. Foto Anda tidak pernah meninggalkan perangkat.
- Ubah HTML ke gambarUbah HTML ke gambar: tempel kode, pilih lebar dan resolusi, simpan sebagai PNG, JPG atau WebP, juga dengan latar transparan. Gratis, tanpa unggah.
- Ubah PDF ke PNGUbah PDF ke PNG: setiap halaman jadi PNG tanpa penurunan kualitas, hingga 300 dpi, bisa latar transparan, satu per satu atau ZIP. Gratis, tanpa upload.