Konversi gambar menjadi data URI Base64 untuk disematkan dalam HTML, CSS, atau JSON, sepenuhnya di peramban Anda.
Cara menggunakan Gambar ke Base64
Pilih gambar dari perangkat Anda.
Salin data URI, atau cuplikan CSS yang sudah jadi.
Tempel ke HTML, CSS, atau JSON Anda.
Konverter gambar ke Base64 ini mengubah gambar menjadi data URI, yaitu string teks panjang yang menyematkan gambar secara langsung, ditambah cuplikan latar belakang CSS yang siap pakai. Anda dapat menyisipkan gambar secara inline alih-alih menautkan ke berkas terpisah.
Alat ini berjalan secara lokal di browser Anda, sehingga gambar Anda dibaca di perangkat Anda dan tidak pernah diunggah.
Data URI membawa seluruh gambar di dalam markup, sehingga browser tidak membuat permintaan jaringan terpisah untuk mengambilnya. Untuk aset kecil seperti ikon, penghematan perjalanan bolak-balik itu dapat membuat halaman terasa lebih cepat.
Masalahnya adalah ukuran dan caching. Base64 menambah overhead sekitar 33 persen karena merepresentasikan data biner dengan alfabet teks yang terbatas, dan gambar yang disisipkan secara inline tidak dapat di-cache secara terpisah, sehingga diunduh lagi bersama setiap halaman yang memuatnya.
Aturan praktisnya adalah menyisipkan gambar kecil secara inline, ikon, logo mungil, atau sprite, di mana menghindari permintaan sepadan dengan overhead-nya, dan menjaga gambar yang lebih besar sebagai berkas normal yang dapat di-cache dan dimuat browser secara paralel.
Data URI berfungsi di mana pun URL diterima: src sebuah img, latar belakang CSS, atau field dalam JSON atau template email. Itu membuatnya berguna untuk cuplikan yang mandiri.
Pertanyaan yang sering diajukan
Tidak. Gambar dibaca sepenuhnya di peramban Anda, jadi ia tidak pernah keluar dari perangkat.
Untuk gambar kecil seperti ikon, di mana menghindari permintaan jaringan tambahan sepadan dengan kenaikan ukuran. Untuk gambar besar, berkas biasa lebih baik.
Encoding Base64 menambah overhead sekitar 33 persen karena ia merepresentasikan data biner menggunakan alfabet teks yang terbatas.
Sematkan tool ini
Tambahkan tool ini ke situs web Anda sendiri. Salin cuplikan di bawah; cuplikan ini tetap terbarui secara otomatis.
<iframe src="https://monu.tools/embed/id/image-to-base64" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Alat terkait
Encode teks ke Base64 atau decode Base64 kembali ke teks. Aman untuk UTF-8 dengan deteksi arah otomatis.
Lakukan percent-encode dan decode pada URL dan komponen URL, aman untuk UTF-8.
Decode JSON Web Token untuk memeriksa header dan payload-nya, dengan waktu kedaluwarsa dan penerbitan yang mudah dibaca. Berjalan sepenuhnya di browser Anda; token tidak pernah diunggah.
Hasilkan hash SHA-1, SHA-256, SHA-384, dan SHA-512 dari teks apa pun, langsung di browser Anda.