Konversi Gambar ke Base64

1. 01Pilih gambarSeret gambar ke area unggah, atau klik untuk memilih dari perangkat Anda.
2. 02Salin data URI-nyaAlat ini mengodekan gambar sebagai string Base64 (data URI). Salin string-nya, atau kode HTML/CSS yang sudah siap pakai.
3. 03Tempel ke kode AndaGunakan data URI sebagai src pada tag img, background CSS, atau di mana pun URL biasanya dipakai.

• Ikon kecil inlineSematkan ikon kecil langsung di HTML atau CSS supaya ikut termuat bersama halaman tanpa request tambahan.
• Email dan halaman HTML mandiriSertakan gambar di dalam satu file HTML tanpa perlu me-link ke file eksternal — berguna untuk template email.
• Prototyping cepatMasukkan gambar ke dalam code sandbox atau snippet tanpa perlu meng-hosting file terpisah dulu.

• Background di CSSUbah tekstur PNG kecil menjadi data URI dan pakai sebagai background-image di CSS.
• Tag img inlineSalin kode HTML untuk menyematkan logo langsung di halaman tanpa file terpisah.
• Ikon SVGKodekan ikon SVG sebagai data URI untuk disematkan langsung di dalam stylesheet.

• Paling cocok untuk gambar kecilBase64 menambah sekitar 33% ukuran file, jadi gunakan untuk ikon dan grafik kecil, bukan foto besar.
• Kompres dulu sebelum encodePerkecil ukuran gambar sebelum dikodekan supaya data URI tidak terlalu panjang. Kompresor gambar bisa membantu.
• Perhatikan cachingGambar inline tidak di-cache secara terpisah oleh browser, jadi gambar yang dipakai berulang kali lebih baik di-link sebagai file biasa.

Alat ini membaca gambar Anda sebagai byte dan mengodekannya menjadi string teks Base64 dalam bentuk data URI, yang dimulai dengan data:image/ diikuti data yang dikodekan. Anda bisa menyalin data URI mentahnya, atau kode HTML img/CSS background yang sudah siap pakai, lalu tempel langsung ke kode Anda.

Alat ini bekerja dengan format gambar web umum termasuk PNG, JPG, WebP, GIF, dan SVG, dan mempertahankan format asli di dalam data URI. Data URI didukung semua browser di mana pun URL biasanya dipakai, seperti src pada img atau background-image di CSS.

Base64 menambah sekitar sepertiga ukuran file, jadi data URI paling cocok untuk ikon kecil dan grafik inline, bukan foto besar. Gambar inline tidak di-cache terpisah dan membuat HTML atau CSS jadi lebih besar, jadi gambar yang dipakai berulang atau berukuran besar lebih baik di-link sebagai file biasa. File hingga 10MB didukung.

Gambar Anda dibaca dan dikodekan sepenuhnya di browser memakai file reader bawaan. Tidak pernah diunggah atau disimpan, jadi gambar tetap di perangkat Anda dan hilang begitu halaman di-refresh.

Apa itu Data URI Base64?

String teks yang mengodekan gambar dan dimulai dengan data:image/…;base64,. Bisa ditempel di mana pun URL biasanya dipakai.

Format apa saja yang didukung?

PNG, JPG, WebP, GIF, dan SVG. Data URI mempertahankan format asli dari gambar yang Anda unggah.

Apakah gambar saya diunggah ke server?

Tidak. Gambar dibaca dan dikodekan di browser Anda dan tidak pernah meninggalkan perangkat.

Kenapa string hasilnya lebih besar dari file aslinya?

Encoding Base64 menambah overhead sekitar 33%, jadi teksnya lebih besar dari file biner aslinya.

Kapan sebaiknya tidak pakai data URI?

Hindari untuk gambar besar atau gambar yang dipakai berulang di banyak halaman, karena tidak bisa di-cache terpisah dan membuat HTML/CSS jadi lebih berat.

Apakah alat ini gratis?

Ya. Konversi ini sepenuhnya gratis, tanpa daftar dan tanpa batasan paket berbayar.