Langsung ke konten

Konverter Gambar ke Base64 – Pembuat Data URI

Masukkan gambar untuk mendapatkannya sebagai teks Base64 atau data URI siap tempel, tag HTML, aturan CSS, atau gambar Markdown. Gambar dibaca di perangkat Anda dan tidak pernah diunggah.

Berjalan sepenuhnya di browser Anda. Apa pun yang Anda tempel tidak dikirim ke mana pun.

Cara mengubah gambar ke Base64

  1. Tambahkan gambar dengan menyeretnya ke kotak, atau ketuk untuk memilih file dari HP atau komputer Anda.
  2. Pilih di Output sebagai: Data URI, Base64 saja, HTML <img>, Background CSS, atau Markdown. Untuk file SVG, tentukan apakah URL-encoding tetap aktif.
  3. Periksa pratinjau dan ukurannya. Pratinjau menampilkan gambar yang dibaca kembali dari hasilnya, dan satu baris menunjukkan ukuran asli, ukuran hasil encode, dan seberapa besar kenaikannya.
  4. Salin atau unduh teksnya dengan tombol salin atau sebagai file .txt.

Fitur

  • Lima format siap tempel: data URI, Base64 mentah, tag HTML <img>, aturan CSS background-image, dan gambar Markdown.
  • SVG dengan URL-encoding sebagai alternatif yang lebih kecil dari Base64 untuk gambar vektor.
  • Perbandingan ukuran antara file asli, hasil encode, dan persentase kenaikannya.
  • Pratinjau langsung yang dirender dari data hasil, di atas latar kotak-kotak agar transparansi terlihat.
  • Dukungan format yang luas: PNG, JPG, WebP, GIF, SVG, AVIF, ICO, dan BMP.
  • Encode persis, tanpa perubahan ukuran atau penurunan kualitas.
  • Saran ukuran ketika gambar lebih dari sekitar 10 KB.

Mengapa ubah gambar ke Base64 di Fileora

Logo, screenshot, dan aset desain sering kali belum dirilis atau bersifat pribadi. Fileora membaca dan meng-encode file di browser Anda, sehingga gambar tidak pernah meninggalkan perangkat. Gratis, tanpa daftar, dan bisa dipakai di HP, tempat Anda bisa langsung memilih gambar dari galeri.

Kapan inline gambar membantu

Data URI menaruh gambar di dalam HTML, CSS, atau JSON Anda, bukan di file terpisah. Cara ini menghemat satu request jaringan, yang bisa bermanfaat untuk:

  • Ikon kecil dan bentuk sederhana, terutama SVG, yang dipakai di CSS.
  • Email HTML dan dokumen satu file yang harus berfungsi tanpa file eksternal.
  • Placeholder, seperti pratinjau kecil yang diburamkan selagi gambar penuh dimuat.
  • Tes, demo, dan potongan kode yang harus berjalan tanpa aset tambahan.
  • API yang menerima gambar sebagai Base64 di dalam body JSON.

Kapan justru merugikan

Teks Base64 sekitar sepertiga lebih besar dari gambar yang diwakilinya. Gambar inline diunduh ulang setiap kali halaman atau stylesheet berubah, karena tidak bisa di-cache sendiri. Gambar itu juga berada di jalur kritis: gambar besar di dalam CSS menunda seluruh stylesheet, dan dengan itu tampilan pertama halaman Anda. Sebagai patokan, jaga gambar inline di bawah sekitar 10 KB dan sajikan sisanya sebagai file biasa.

Untuk mengecilkan gambar di bawah ukuran itu, gunakan kompres gambar atau ubah ke WebP dengan konverter gambar. Jika Anda membutuhkan kode warna persis dari sebuah ikon untuk CSS, konverter warna memberi Anda HEX, RGB, HSL, dan OKLCH.

Pertanyaan yang sering diajukan

Bagaimana cara mengubah gambar ke Base64?

Seret gambar ke kotak atau ketuk untuk memilihnya. Teks hasil encode langsung muncul sebagai data URI. Pilih format lain, seperti Base64 saja, HTML, Background CSS, atau Markdown, lalu salin atau unduh sebagai file .txt.

Apa bedanya Data URI dan Base64 saja?

Base64 saja adalah data gambar yang sudah di-encode tanpa tambahan apa pun, format yang biasanya diminta API dan field JSON. Data URI menambahkan awalan pendek seperti data:image/png;base64, di depannya, yang memberi tahu browser jenis file tersebut. Gunakan data URI di mana pun browser mengharapkan alamat gambar, misalnya atribut src pada tag img atau url() di CSS.

Kenapa teks Base64 lebih besar dari gambar saya?

Base64 memakai 4 karakter teks untuk mewakili setiap 3 byte file, sehingga hasilnya sekitar 33% lebih besar dari aslinya. Alat ini menampilkan ukuran gambar, ukuran hasil encode, dan persentase kenaikannya supaya Anda bisa memutuskan apakah inline layak dilakukan.

Kenapa SVG saya tidak di-encode ke Base64?

File SVG berupa teks, jadi bisa dimasukkan ke data URI dengan URL-encoding alih-alih Base64, dan hasilnya biasanya lebih kecil. Opsi ini aktif secara bawaan untuk file SVG. Matikan Gunakan URL-encoding untuk SVG jika aplikasi yang Anda pakai membutuhkan Base64.

Jenis gambar apa saja yang didukung?

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, dan BMP. File di-encode persis apa adanya, tanpa diubah ukurannya atau dikompres ulang, jadi kualitas gambar tidak berubah.

Perlukah gambar besar dijadikan Base64?

Biasanya tidak. Gambar di atas sekitar 10 KB lebih baik disajikan sebagai file biasa: teks hasil encode lebih besar, tidak bisa di-cache terpisah dari HTML atau CSS Anda, dan menunda pemuatan bagian halaman lainnya. Alat ini menampilkan pengingat jika gambar Anda melewati ukuran tersebut.

Alat terkait

Tidak menemukan alat yang Anda butuhkan, atau ada yang tidak berfungsi?

Beri tahu kami alat apa yang Anda inginkan atau apa yang salah. Kami membaca setiap pesan, dan permintaan menentukan apa yang kami buat berikutnya.

Minta alatLaporkan masalah

Membuka aplikasi email Anda. Mohon jangan lampirkan file pribadi.