🖼️

gambar ke Base64

Jatuhkan gambar apa saja untuk mengonversinya menjadi string Base64 atau data URI. Pilih format keluaran dan salin langsung ke HTML, CSS, atau JSON. Tidak ada file yang diunggah — semuanya berjalan di browser Anda.

Alat Gambar Berjalan lokal Tidak ada data dikirim
Base64data URIsematkangambar
File Gambar
📤
Jatuhkan gambar di sini atau klik untuk menelusuri
JPEG, PNG, WebP, GIF, SVG, BMP, ICO — diproses secara lokal
pratinjau

Apa itu gambar ke Base64?

gambar ke Base64 mengonversi file gambar menjadi string berenkode Base64 menggunakan FileReader API bawaan browser. Keluarannya dapat diformat sebagai string Base64 mentah, data URI lengkap, deklarasi background-image CSS, atau tag img HTML — sesuai kebutuhan kasus penggunaan target.

Cara menggunakan gambar ke Base64

  1. Jatuhkan file gambar ke area drop, atau klik untuk menelusuri.
  2. Pilih format keluaran: Data URI, Base64 mentah, background-image CSS, atau tag img HTML.
  3. Salin hasilnya ke clipboard dengan sekali klik.
  4. Tempel langsung ke HTML, CSS, JSON, atau tujuan lainnya.

Alat Terkait

📦
Enkode / Dekode Base64
Enkode atau dekode teks dan file ke Base64
 🔍
Penampil EXIF
Baca model kamera, GPS, eksposur, dan metadata EXIF lengkap dari gambar apa pun
 🔄
konverter WebP
Konversi gambar ke format WebP, PNG, atau JPEG
Pahami Pengodean Gambar Base64 ▾
Contoh
Input logo.png (2 KB)
Output data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...
Kasus Penggunaan Umum
  • Sematkan logo kecil dalam email HTML
  • Sisipkan spinner atau ikon secara inline di file CSS
  • Kirim data gambar sebagai string JSON ke API
  • Buat file HTML mandiri dengan gambar tersemat
Mengapa Menggunakan Alat Ini
  • Empat format output —data URI, Base64 mentah, CSS, dan HTML.
  • Menampilkan ukuran asli vs ukuran terenkode dan % kenaikannya.
  • Memberi peringatan saat gambar cukup besar untuk memengaruhi performa halaman.
  • Tidak perlu unggah file —semuanya berjalan di browser Anda.
Pertanyaan yang Sering Diajukan
Apa itu gambar Base64?

Base64 adalah cara mengodekan data biner (seperti gambar) sebagai string ASCII teks biasa. Data URI adalah string Base64 yang diawali dengan tipe MIME, diformat sebagai data:image/png;base64,... —ini dapat ditempatkan langsung di atribut src tag img atau di background-image CSS untuk menyematkan gambar tanpa permintaan file terpisah.

Kapan sebaiknya saya menggunakan data URI?

Data URI ideal untuk ikon kecil, logo, atau gambar inline dalam email HTML yang referensi file eksternalnya mungkin diblokir. Untuk gambar besar, data URI menambah bobot halaman dan dapat menurunkan performa, jadi gunakan secukupnya.

Apakah gambar saya diunggah ke server?

Tidak. API FileReader mengodekan gambar langsung di browser Anda. Gambar Anda tidak pernah meninggalkan perangkat Anda.

Seberapa lebih besar gambar Base64?

Pengodean Base64 meningkatkan ukuran data sekitar 33% karena setiap 3 byte data biner menjadi 4 karakter ASCII. Gambar 100 KB menjadi sekitar 133 KB sebagai string Base64.