Konverter gambar ke Base64
Enkode gambar apa pun menjadi data URI Base64 dan salin sebagai HTML, CSS, atau JSON siap tempel — tanpa file itu pernah meninggalkan komputer Anda.
Cara mengenkode gambar ke Base64
- Tambahkan gambar AndaJatuhkan di atas, pilih dari perangkat, atau tempel dari papan klip.
- Pilih format cuplikanData URI mentah, tag HTML <code><img></code> lengkap, atau aturan CSS <code>background-image</code> — sesuai kebutuhan Anda.
- SalinSatu klik menyalin seluruh cuplikan ke papan klip, siap ditempel ke kode Anda.
Untuk apa enkoding Base64 digunakan?
Data URI Base64 menyematkan gambar langsung di dalam teks — HTML, CSS, JSON, bahkan field basis data — sehingga browser tidak perlu permintaan tambahan untuk mengambilnya. Sempurna untuk aset kecil: logo, ikon, lencana, gambar pengisi, atau gambar di dalam dokumen satu file dan email HTML.
Konsekuensinya: Base64 sekitar 33% lebih besar dari file binernya, dan gambar yang disematkan tidak disimpan cache secara terpisah oleh browser. Patokannya: sematkan gambar di bawah ~10 KB dan tautkan sisanya sebagai file biasa. Gunakan kompresor gambar lebih dulu untuk mengecilkan ukuran enkode.
Pertanyaan umum
Seperti apa bentuk data URI?
Dimulai dengan tipe MIME, lalu ;base64,, lalu datanya — misalnya data:image/png;base64,iVBORw0KGgo…. Di mana pun URL diterima (src img, url() CSS, fetch), data URI berfungsi.
Seberapa besar Base64 dibanding file aslinya?
Sekitar 33% lebih besar, karena setiap 3 byte menjadi 4 karakter. Alat ini menampilkan ukuran enkode yang persis di samping ukuran aslinya.
Apakah Base64 berfungsi di email HTML?
Dukungannya beragam — sebagian klien (terutama Outlook desktop) membuang atau memblokir data URI. Untuk newsletter email, gambar yang di-hosting tetap pilihan paling andal.
Apakah gambar saya diunggah ke mana pun?
Tidak. Enkoding terjadi lokal di browser Anda dengan File API. Tidak ada yang dikirim ke mana pun.