Tada File

Gambar ke Base64

Ubah file gambar menjadi string Base64 yang bisa Anda salin, dengan potongan kode HTML dan CSS siap pakai.

Gambar ke Base64 mengenkode file gambar sebagai teks Base64, sehingga bisa disimpan atau dikirim sebagai teks biasa, misalnya di dalam JSON, halaman HTML, atau file CSS. String dibuat dari byte asli file, jadi gambar tidak dikompres ulang atau diubah. Alat ini menampilkan jumlah karakter dan juga memberi Anda tag img HTML serta aturan background-image CSS yang berisi gambar lengkap.

Cara memakai Gambar ke Base64

  1. 1

    Buka gambar

    Letakkan, pilih, atau tempel file gambar apa pun. Gambar kecil seperti ikon paling cocok.

  2. 2

    Dapatkan string Base64

    String langsung muncul, beserta panjangnya dalam karakter dan perkiraan ukurannya.

  3. 3

    Salin yang Anda butuhkan

    Klik Salin Base64 untuk string saja, atau gunakan Salin HTML atau Salin CSS untuk potongan kode siap pakai.

  4. 4

    Tempel ke kode Anda

    Tempel string ke JSON, HTML, CSS, atau skrip Anda.

Fungsinya

Enkode byte yang persis
File asli dienkode apa adanya, tanpa kompresi ulang atau perubahan kualitas.
Informasi ukuran
Lihat jumlah karakter dan perkiraan ukuran string sebelum Anda memakainya.
Potongan kode HTML dan CSS
Salin tag img atau aturan background-image yang sudah berisi data URI lengkap.
Dienkode secara lokal
File dibaca dan dienkode di browser Anda dan tidak pernah diunggah.

Pertanyaan

Untuk apa Base64 dipakai pada gambar?

Base64 mengubah data gambar biner menjadi karakter teks biasa. Developer memakainya untuk menaruh gambar kecil langsung di HTML, CSS, JSON, atau template email, jadi tidak perlu memuat file gambar terpisah.

Kenapa string Base64 lebih besar dari file gambarnya?

Base64 memakai 4 karakter teks untuk setiap 3 byte, jadi hasilnya sekitar 33% lebih besar. Gambar 30 KB menjadi sekitar 40 KB teks.

Apa bedanya Base64 dan data URI?

Base64 hanya teks hasil enkode. Data URI menambahkan awalan seperti data:image/png;base64, agar browser tahu jenis filenya. Alat ini memberi string saja; Gambar ke Data URI memberi versi lengkapnya.

Apakah sebaiknya saya mengubah gambar besar ke Base64?

Biasanya tidak. Base64 paling cocok untuk gambar kecil seperti ikon. Foto besar membuat HTML atau CSS Anda jauh lebih berat, dan browser tidak bisa menyimpan gambar itu di cache sebagai file terpisah.

Apakah gambar saya diubah saat dienkode?

Tidak, byte aslinya yang dienkode. Satu-satunya pengecualian adalah foto HEIC dari iPhone, yang dikonversi ke PNG dulu karena sebagian besar browser tidak bisa menampilkan HEIC.