onul.works

Image to Base64

Ubah gambar menjadi Base64 online, buat data URI, dan salin string encoded tanpa mengunggah file.

⌘ Berjalan di browser ◴ Data tidak disimpan ⌁ Gratis

Konsep

Ubah gambar ke Base64 untuk disisipkan ke HTML, CSS, email, dan JSON

Konversi gambar ke Base64 mengubah file gambar menjadi data URI agar dapat disisipkan inline tanpa hosting file terpisah.

Gambar dienkode di browser menjadi string Base64 yang bisa dipakai langsung di img/CSS, HTML email, JSON uji API, atau data dokumen contoh.

Metode ini paling cocok untuk aset ringan seperti ikon kecil, gambar email, dan data dummy pengujian.

Contoh penggunaan

Gunakan untuk latar tanda tangan email, gambar README, mock API response, atau pengujian frontend saat gambar perlu disisipkan tanpa tautan eksternal.

Hal yang diperiksa

Periksa MIME type dalam data URI (misalnya image/png) dan bandingkan ukuran hasil encoding dengan file sumber.

Pertimbangan performa

Payload Base64 biasanya lebih panjang dari file asli sehingga bisa merugikan cache, ukuran bundle, dan performa render.

Untuk gambar besar atau aset yang sering berubah, pakai file terpisah di CDN/static hosting; gunakan Base64 terutama untuk aset kecil dan data uji sementara.

Input gambar
Hasil Base64
Info gambar akan muncul di sini.

Cara menggunakan

  1. 1 Seret gambar ke area input atau klik untuk mengunggahnya.
  2. 2 Cek pratinjau dan detail file, lalu tinjau output image to Base64.
  3. 3 Salin string hasil konversi ke HTML, CSS, JSON, atau target lain.

Contoh penggunaan umum

  • Pembuatan data URI image to Base64
  • Penyematan inline ikon kecil
  • Menyalin string Base64 untuk penggunaan online

Pertanyaan umum

Bagaimana cara memasukkan gambar?

Pilih file gambar atau drag and drop untuk membuat data URL Base64 dengan pratinjau.

Bisakah saya menyalin hasil Base64 gambar?

Ya. Anda dapat menyalin data URL Base64 dari kotak output ke clipboard.

Apa yang perlu diperhatikan saat mengonversi gambar besar?

String Base64 bisa lebih besar daripada file asli, jadi cek ukurannya sebelum menyematkan gambar besar di halaman atau kode.

Alur kerja terkait

Image to Base64Ubah gambar menjadi string Base64 yang dapat ditempatkan di HTML, CSS, atau JSON. → Base64 to ImageSebelum menyematkannya inline, buka kembali sebagai gambar untuk memeriksa hasil konversi. → Favicon GeneratorJika sumber yang sama juga perlu menjadi ikon situs, buat favicon darinya.