Image to Base64
Image to Base64 — berjalan di browser. Input tidak disimpan.
Gambar → Base64
Masukkan nilai, lalu tekan Hitung.
Pratinjau
File hanya dibaca di browser dan tidak diunggah ke server.
Cara menggunakan
- Di berkas gambar, pilih berkas lokal. Hanya
image/*diterima. - Begitu dipilih, FileReader membangun data URL dan mengisi pratinjau serta kolom teks.
- Baris info menampilkan nama berkas dan perkiraan ukuran Base64 (KB).
- Salin menaruh seluruh data URL ke papan klip. Anda bisa menempelnya ke HTML
img src, CSS, atau Markdown. - Reset mengosongkan pilihan berkas dan string. Berkas yang dipilih hanya dibaca di memori tab ini.
- Sebelum menyematkan, periksa KB perkiraan. Untuk asli besar, ubah ukuran dulu. Berkas yang dipilih tidak diunggah.
Konsep utama
Gambar → Base64 mengubah berkas lokal menjadi data URL seperti data:image/png;base64,.... Pakai untuk menyematkan favicon atau ikon kecil di HTML, atau menaruh thumbnail di draf JSON/Markdown. Base64 sekitar 33% lebih panjang dari asli, dan foto besar menggembungkan ukuran HTML serta biaya parse. Memilih berkas langsung mengonversi; tidak ada tombol jalankan terpisah. Pratinjau dan string terisi bersama.
Pembacaan hanya memakai FileReader.readAsDataURL dan tidak memanggil API unggah. Jika MIME bukan image/, pemberitahuan muncul dan string tetap kosong. Salin memakai API papan klip; jika izin ditolak, pilih kolom hasil sendiri. Tangkapan layar sensitif juga tidak meninggalkan tab ini. Gambar sematan tertanam di halaman tanpa cache/CDN, jadi foto besar yang berulang lebih baik sebagai URL berkas.
Contoh
Pilih ikon PNG kecil: pratinjau muncul dan teks dimulai dengan data:image/png;base64,. Salin ke <img src="…"> dan gambar tampil tanpa berkas eksternal. Pilih JPEG dan MIME menjadi jpeg. KB perkiraan di baris info dari panjang string, jadi bisa sedikit berbeda dari ukuran berkas disk. Memilih berkas yang sama lagi menyegarkan isi; reset lalu pilih saat mencoba ikon lain. Jika KB perkiraan besar, utamakan URL berkas statis daripada sematan HTML.
Terkait: Base64 → gambar · Encoder URL · Penghitung karakter
Pertanyaan umum
Bagaimana mengonversi gambar ke Base64?
Pilih berkas gambar dan FileReader segera membangun data URL. Pratinjau dan teks terisi; tidak ada tombol konversi terpisah.
Bagaimana menaruh Base64 gambar di HTML?
Tempel string tersalin ke <code>src</code> pada <code>img</code> atau CSS <code>background-image: url()</code>. Anda juga bisa memakai sintaks gambar Markdown.
Apakah JPG, WebP, dan GIF bekerja untuk gambar ke Base64?
Jika peramban mengenali berkas sebagai <code>image/*</code>, MIME data URL cocok. Jika bukan gambar, hanya pemberitahuan muncul.
Apakah foto besar bekerja?
Bisa dibaca, tetapi string sangat panjang dan salin/tempel serta ukuran halaman menderita. Cocok untuk ikon dan thumbnail kecil.
Apakah berkas diunggah ke server?
Tidak. Berkas yang dipilih hanya dibaca di memori peramban halaman ini dan tidak dikirim atau diunggah.
Bagaimana jika salin gagal?
Izinkan izin papan klip atau pilih kolom hasil dan salin sendiri. Pesan sukses muncul di baris info.
Terakhir ditinjau: 2026-09-04