Gambar ke Base64

Gambar ke Base64 adalah alat gratis yang mengubah file gambar menjadi string teks berkode Base64.

Apa itu Base64 dan untuk apa digunakan?

Untuk gambar yang diunggah, Base64 menyediakan pengodean biner ke teks agar datanya dapat melewati sistem yang terutama dirancang untuk teks. Setiap tiga byte data sumber direpresentasikan sebagai empat karakter yang dapat dicetak dari alfabet yang telah ditentukan.

Base64 berguna saat suatu format tidak dapat memuat file biner terpisah. Gambar dapat ditempatkan di dalam URL data, properti JSON, atau bagian MIME pada email tanpa melampirkan byte asli dalam bentuk biner seperti biasanya. String Base64 yang dihasilkan dikodekan, bukan dienkripsi. Siapa pun yang memperoleh string tersebut dapat mendekodekannya, jadi Base64 tidak memberikan kerahasiaan atau kontrol akses.

Contoh singkat dengan byte teks berikut menggambarkan cara kerjanya.

• Teks input adalah <svg></svg>
• Output Base64 adalah PHN2Zz48L3N2Zz4=

Sebagian besar gambar berisi byte biner, bukan markup yang dapat dibaca, sehingga inputnya tidak akan terlihat seperti contoh teks tersebut. Prinsipnya tetap sama untuk PNG, JPEG, GIF, WebP, dan format gambar lainnya.

Bagaimana cara mengubah gambar menjadi Base64?

Masukkan gambar ke alat, jalankan konversi, lalu salin nilai yang ditampilkan di kolom Dikodekan dengan Base64. Alat ini menerapkan fungsi base64_encode milik PHP pada data gambar.

1. Pilih gambar yang ingin direpresentasikan sebagai teks.
2. Tunggu hingga halaman selesai memproses file dan menampilkan nilai hasil pengodean.
3. Salin seluruh string, termasuk tanda sama dengan di bagian akhir.
4. Tambahkan sintaks pembungkus yang sesuai jika tujuan memerlukan URL data, nilai JSON, atau wadah lain.

Proses berlangsung di server. Gambar dikirim ke server melalui HTTPS dan tidak disimpan. Karena pemrosesan dilakukan di sisi server, jangan berasumsi bahwa file tetap berada di perangkat selama konversi.

Bagaimana cara menggunakan string Base64 yang dihasilkan?

Gunakan string sebagai Base64 mentah atau tempatkan di dalam sintaks yang diwajibkan oleh sistem penerima. Base64 sendiri tidak menunjukkan format gambar, nama file, dimensi, maupun tujuan penggunaannya.

Dalam URL data HTML atau CSS, nilai berkode biasanya diletakkan setelah jenis media dan penanda Base64. URL data PNG diawali dengan bentuk data:image/png;base64, dan langsung diikuti string. JPEG menggunakan image/jpeg, sedangkan SVG umumnya menggunakan image/svg+xml. Jenis media yang salah dapat membuat perangkat lunak gagal menampilkan gambar yang sebenarnya valid.

Dalam JSON, Base64 biasanya disimpan sebagai string dalam tanda kutip, sering kali bersama kolom terpisah yang menunjukkan jenis media. Jangan tambahkan awalan URL data jika API secara khusus meminta Base64 mentah. Baca dokumentasi API sebelum memakai nilai yang dikembalikan alat ini karena kedua jenis input tersebut tidak dapat saling menggantikan.

Di mana Base64 digunakan dalam sistem nyata?

Base64 umumnya dijumpai ketika data biner harus dikirim melalui format atau protokol berbasis teks. Contoh penggunaannya meliputi:

• URL data yang disematkan dalam HTML, CSS, atau dokumen yang dibuat secara otomatis.
• Muatan JSON yang dikirim ke API yang menerima konten gambar di dalam properti teks.
• Email, saat MIME mengodekan lampiran dan gambar sebaris sebagai Base64.
• String kueri, meskipun karakter Base64 standar mungkin juga perlu dikodekan untuk URL.
• File konfigurasi dan dokumen XML yang tidak dapat memuat byte biner sembarang secara langsung.

Nama domain internasional juga merupakan contoh data yang diubah menjadi kumpulan karakter terbatas, tetapi menggunakan Punycode, bukan Base64. Untuk nilai yang ditempatkan dalam URL, Pengode URL mungkin juga diperlukan karena Base64 standar dapat berisi tanda tambah, garis miring, dan tanda sama dengan.

Mengapa Base64 gagal didekodekan atau hasilnya tidak terbaca?

Proses pendekodean dapat gagal karena input menyertakan awalan yang ikut tersalin, rusak atau terpotong, maupun tidak sesuai dengan format Base64 yang diharapkan dekoder. Hasil yang tidak terbaca sering kali berarti data biner gambar yang valid sudah didekodekan, tetapi kemudian keliru ditampilkan sebagai teks biasa.

• Awalan yang ikut tersalin dapat menyebabkan kegagalan jika dekoder hanya menerima Base64. Hapus teks seperti data:image/png;base64, sebelum memakai dekoder Base64 mentah.
• Input yang rusak atau terpotong dapat menghasilkan gambar tidak lengkap yang tidak bisa dibuka oleh aplikasi penampil.
• Pengodean ganda menghasilkan string Base64 lain setelah pendekodean pertama. Pendekodean kedua mungkin diperlukan jika sumber mengodekan nilai yang sebelumnya sudah dikodekan.
• Alfabet yang salah dapat menimbulkan galat jika dekoder mengharapkan varian lain. Base64url menggunakan tanda hubung dan garis bawah, sedangkan Base64 standar menggunakan tanda tambah dan garis miring.
• Padding yang hilang dapat memengaruhi dekoder yang ketat. Base64 standar dapat diakhiri dengan satu atau dua tanda sama dengan, meskipun beberapa sistem sengaja menghilangkannya.

Jika hasil pendekodean berupa data biner, simpan dengan jenis gambar yang benar dan jangan membukanya di editor teks. Pengubah kode Base64 atau alat Base64 ke Gambar dapat membantu melakukan proses sebaliknya, asalkan string lengkap dan memakai format yang diharapkan.

Pilihan format dan input yang sulit ditangani

Base64 standar cocok untuk email, URL data, dan sistem yang secara khusus memintanya. Untuk jalur URL, parameter kueri, dan token, gunakan varian yang diwajibkan oleh sistem penerima. Base64url mungkin sesuai jika spesifikasinya memang meminta varian tersebut. Alat ini menggunakan operasi base64_encode standar milik PHP, jadi jangan menganggap hasilnya sebagai Base64url.

Alat ini mengodekan byte gambar yang diunggah. Spasi, tanda baca, angka, karakter beraksen, dan teks non-Latin di dalam SVG atau metadata gambar akan dikodekan sebagai bagian dari byte tersebut. Nama file yang mengandung karakter semacam itu terpisah dari isi file dan tidak otomatis direpresentasikan oleh Base64.

Dalam PHP, base64_encode mengembalikan nilai kosong untuk rangkaian byte kosong. File yang panjang menghasilkan string panjang, dan Base64 menambah jumlah byte awal sekitar sepertiga, sebelum memperhitungkan sintaks pembungkus JSON atau URL data. Base64 tidak memampatkan gambar, meningkatkan kualitasnya, maupun mengubah dimensi pikselnya.

Pertanyaan yang sering diajukan

Bisakah gambar Base64 langsung dimasukkan ke CSS?

Ya, properti CSS yang menerima URL gambar dapat menggunakan URL data yang dibentuk dengan benar. Cara ini cocok untuk aset kecil dan mandiri, tetapi gambar sematan yang lebih besar akan memperbesar ukuran stylesheet dan tidak dapat disimpan dalam cache secara terpisah dari file CSS.

Mengapa string Base64 saya memiliki pemisah baris?

Alat ini mengembalikan nilai tanpa pemisah baris karena base64_encode milik PHP tidak menyisipkannya. Pemisah tersebut muncul akibat penyalinan atau pemrosesan lanjutan di tempat lain. Banyak dekoder mengabaikan spasi kosong, tetapi API yang ketat mungkin menolaknya. Gunakan string tanpa pemisah jika spesifikasi sistem penerima mewajibkannya.

Apakah mengganti nama file gambar akan mengubah nilai Base64?

Base64 merepresentasikan byte file, bukan nama file. Karena itu, mengganti nama file tanpa mengubah isinya tidak akan mengubah hasil pengodean. Namun, mengedit metadata, menyimpan ulang gambar, atau mengonversi formatnya akan mengubah byte dan menghasilkan string yang berbeda.

Bisakah Base64 melindungi gambar pribadi?

Tidak. Base64 dapat dibalik tanpa kata sandi atau kunci rahasia. Gunakan enkripsi, autentikasi, dan kontrol akses yang sesuai untuk materi rahasia. Ingat juga bahwa alat ini mengirim gambar ke server melalui HTTPS untuk diproses.

Bagaimana cara memastikan konversi berhasil?

Dekodekan seluruh string, lalu buka hasilnya dengan aplikasi penampil gambar yang mendukung format asli. Pastikan dimensi dan konten yang terlihat sesuai dengan sumber. Pertahankan semua karakter padding di bagian akhir, kecuali sistem tujuan secara tegas meminta karakter tersebut dihapus.