Konverter Gambar ke Base64

Konversikan gambar menjadi Data URI Base64 dengan cuplikan HTML dan CSS siap tempel — tanpa unggahan sama sekali.

Cara menggunakan

  1. Pilih gambar (PNG, JPG, WebP, GIF, atau SVG) — gambar dibaca secara lokal, tidak pernah diunggah.
  2. Alat ini menghasilkan Data URI plus cuplikan HTML dan CSS background-image siap tempel.
  3. Salin versi yang Anda butuhkan dengan satu klik, atau unduh Data URI-nya sebagai file teks.

Tentang alat ini

Data URI menanamkan file langsung di dalam teks: data:image/png;base64, diikuti byte file yang dienkode dalam Base64. Tempel ke tag , background CSS, atau payload JSON dan gambarnya tampil tanpa file terpisah dan tanpa permintaan HTTP tambahan — gambarnya menumpang di dalam dokumen itu sendiri.

Itu sungguh berguna untuk gambar kecil: ikon di halaman HTML satu file, logo di email transaksional, placeholder mungil yang disisipkan ke CSS, fixture di pengujian otomatis. Untuk gambar besar ini alat yang keliru — keluaran Base64 sekitar 33% lebih besar daripada file asli dan tidak bisa di-cache terpisah dari dokumennya. Sebagai patokan, sisipkan gambar di bawah beberapa kilobita dan sajikan sisanya sebagai file biasa.

Konversi di sini terjadi dengan API FileReader, sepenuhnya di perangkat Anda: gambar dibaca ke memori, dienkode, dan ditampilkan — tanpa unggahan, tanpa server, tanpa penyimpanan. Perkiraan ukuran di samping hasil menunjukkan persis arti overhead 33% itu bagi file Anda sebelum Anda memutuskan menyisipkannya.

Rumusnya

Format Data URI: data:{mime-type};base64,{base64-bytes}. Ukuran terenkode ≈ ukuran asli × 4/3 (plus ~2% jika ganti baris dipertahankan).

Pertanyaan yang sering diajukan

Apakah gambar saya diunggah ke Vai.la?

Tidak. Filenya dibaca dengan API FileReader di browser Anda dan tidak pernah meninggalkan perangkat Anda.

Kapan sebaiknya saya memakai Data URI alih-alih file gambar?

Untuk gambar kecil (hingga beberapa KB) di mana menghemat satu permintaan HTTP atau mengirim satu file mandiri itu berarti: tanda tangan email, halaman satu file, fixture pengujian.

Mengapa versi Base64 lebih besar daripada file saya?

Base64 merepresentasikan setiap 3 byte dengan 4 karakter teks, menambah sekitar 33%. Itulah harga melintas sebagai teks biasa.

Format apa saja yang didukung?

PNG, JPG, WebP, GIF, dan SVG. Data URI-nya mempertahankan format dan tipe MIME asli — tidak ada yang dienkode ulang.

Alat terkait

Tautan panjang? Perpendek secara gratis

Vai.la mengubah URL apa pun menjadi tautan pendek dengan statistik klik, QR Code, dan biolink Anda sendiri.

Vai.la tidak bertanggung jawab atas cara alat-alat ini digunakan maupun atas keputusan yang diambil berdasarkan hasilnya.