Lompat ke konten
SPCXTools

Gambar ke Base64

Ubah gambar apa pun menjadi data URI Base64 dan salin sebagai Base64 biasa, background CSS, tag img HTML, atau Markdown.

Berjalan secara lokal — file tidak pernah meninggalkan perangkat Anda

Memuat alat…

Cara menggunakan Gambar ke Base64

  1. 1Pilih gambar atau seret dan lepas ke halaman ini.
  2. 2Pilih format output — Data URI, Base64 biasa, CSS, HTML, atau Markdown.
  3. 3Periksa ukuran hasil konversi yang ditampilkan di sebelah pratinjau.
  4. 4Klik Salin dan tempel kode di tempat yang Anda butuhkan.

Sematkan gambar langsung di kode Anda

Terkadang Anda membutuhkan gambar tanpa file terpisah: ikon di stylesheet, logo di laporan HTML satu file, placeholder di respons JSON API, gambar di dokumen Markdown, atau latar belakang di pustaka komponen. Konverter ini mengenkode gambar apa pun menjadi Base64 dan memformatnya agar siap ditempel — sebagai data URI, Base64 biasa, background-image CSS, tag <img> HTML, atau sintaks gambar Markdown.

Fitur

  • Semua format gambar umum: PNG, JPG, GIF, WebP, AVIF, SVG, ICO, dan lainnya.
  • Lima format output untuk berbagai kebutuhan.
  • Perbandingan ukuran antara file asli dan teks yang dienkode.
  • Pratinjau gambar dengan latar belakang kotak-kotak transparan.
  • Salin dengan satu klik.
  • Privasi terjaga: file tidak pernah meninggalkan browser Anda.

Contoh output

Format Tampilan
Data URI data:image/png;base64,iVBORw0KGgo…
Base64 iVBORw0KGgo…
CSS background-image: url("data:image/png;base64,…");
HTML <img src="data:image/png;base64,…" alt="logo">
Markdown ![logo](data:image/png;base64,…)

Jaga ukuran gambar yang disematkan tetap kecil

Gambar yang disematkan tidak dapat di-cache secara terpisah dan akan diunduh ulang bersama setiap salinan halaman atau stylesheet yang memuatnya. Sebagai aturan umum, sematkan hanya gambar yang ukurannya kurang dari beberapa kilobyte. Kecilkan ukuran gambar terlebih dahulu dengan Kompres Gambar, konversi ikon vektor dengan SVG ke PNG jika format bitmap diperlukan, atau enkode file dan teks lain dengan enkoder Base64.

Pertanyaan yang sering diajukan

Apa itu data URI?
Data URI menyematkan file langsung ke dalam teks, dalam format data:image/png;base64, diikuti oleh byte yang dienkode. Browser menampilkannya persis seperti gambar yang dimuat dari URL, tetapi tidak memerlukan request terpisah.
Mengapa ukuran versi Base64 lebih besar dari gambar aslinya?
Base64 mengenkode setiap 3 byte menjadi 4 karakter teks, sehingga hasilnya sekitar 33% lebih besar dari file aslinya. Saat halaman disajikan dengan kompresi gzip atau Brotli, sebagian dari beban tambahan tersebut dapat dikurangi.
Kapan saya harus menyematkan gambar sebagai Base64?
Untuk gambar kecil — ikon, logo kecil, placeholder, dan gambar di email HTML atau dokumen file tunggal — di mana menghindari request tambahan itu penting. Untuk foto berukuran besar, file gambar biasa lebih baik karena dapat di-cache secara terpisah dan tidak membuat HTML atau CSS Anda membengkak.
Apakah klien email menampilkan gambar Base64?
Dukungannya bervariasi. Banyak klien webmail memblokir atau menghapus gambar data-URI, jadi untuk newsletter biasanya lebih andal untuk meng-host gambar atau melampirkannya sebagai lampiran inline.
Apakah gambar saya diunggah?
Tidak. Gambar dibaca dan dienkode oleh browser Anda. Tidak ada yang dikirim ke server.

Alat terkait

Encode & Decode Base64Konversi teks dan file ke Base64 dan sebaliknya, dengan dukungan penuh UTF-8 dan Base64URL.SVG ke PNGUbah grafik vektor SVG menjadi gambar PNG tajam dalam ukuran apa pun, dengan transparansi yang tetap terjaga.Kompres GambarPerkecil ukuran gambar berdasarkan kualitas atau target ukuran pasti dalam KB — secara massal, tanpa mengunggah.URL Encode & DecodeLakukan percent-encode teks untuk URL atau decode URL dan query string kembali menjadi teks yang dapat dibaca.Base64 ke GambarDecode string Base64 dan Data URI menjadi gambar yang dapat dilihat dan diunduh secara instan langsung di browser Anda.Kalkulator ChmodKonversi antara kotak centang, angka oktal seperti 755, dan hak akses simbolik seperti rwxr-xr-x.