Base64
Image Data URL
⚠️ Large image may freez the browser
Konversi PNG ke Data URI Base64
Ubah gambar PNG ke format Base64 atau DataURL menggunakan alat online kami. Unggah gambar Anda, pilih format yang diinginkan, dan hasilkan kode. Salin hasilnya untuk disisipkan ke dalam proyek. Output Base64 dan DataURL mendukung alur kerja pengembangan web yang memerlukan data gambar inline.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Konversi Gambar ke Base64 atau URL Data
1
Unggah Gambar
Unggah gambar PNG Anda dengan mengklik atau menyeretnya ke area yang telah ditentukan.
2
Pilih Format Keluaran
Pilih tab 'Base64' atau 'DataURL' untuk memilih format keluaran yang Anda inginkan.
3
Lihat Kode Base64
Kode Base64 atau DataURL untuk gambar Anda akan muncul di area teks di bawah tab.
4
Salin Kode yang Dihasilkan
Klik tombol 'Salin' untuk dengan cepat menyalin kode yang dihasilkan ke papan klip Anda.
Sematkan Gambar PNG Langsung ke Situs Web Anda
Ubah gambar PNG menjadi data URI Base64 untuk menyematkannya langsung ke dalam HTML. Pendekatan ini menghilangkan kebutuhan akan berkas eksternal, mengurangi permintaan HTTP, dan meningkatkan kinerja situs web. Pengembang dapat menempelkan cuplikan kode yang dihasilkan ke dalam HTML untuk menyederhanakan integrasi dan meningkatkan efisiensi pemuatan. Cocok untuk skenario di mana meminimalkan dependensi eksternal sangat penting, seperti implementasi situs statis atau pengelolaan sumber daya internal.
Salin cepat kode konversi
Gunakan gambar PNG dalam proyek Anda tanpa file tambahan dengan menghasilkan kode Base64 atau DataURL. Alat ini memungkinkan penyematan langsung gambar ke dalam proyek dengan mengubah file PNG menjadi string yang dikodekan. Unggah gambar, pilih format yang diinginkan, dan salin kode yang dihasilkan untuk mengintegrasikannya dengan mulus ke dalam pekerjaan Anda.
Pertanyaan yang Sering Diajukan
Apa itu Base64 atau DataURL?
Base64 dan DataURL adalah cara untuk merepresentasikan gambar sebagai string teks. Hal ini memungkinkan Anda untuk menyematkan gambar langsung ke dalam HTML atau CSS tanpa memerlukan berkas gambar terpisah.
Bagaimana cara menggunakan alat PNG ke Base64/DataURL ini?
Cukup unggah gambar PNG Anda. Kemudian, klik tab 'Base64' atau 'DataURL' untuk menghasilkan kode yang sesuai. Gunakan tombol 'Salin' untuk menyalin kode yang dihasilkan dengan cepat.
Apa yang bisa saya gunakan kode yang dihasilkan untuk?
Anda dapat menggunakan kode Base64 atau DataURL untuk menyematkan gambar langsung ke proyek HTML, CSS, atau JavaScript Anda. Ini berguna untuk gambar kecil, ikon, atau saat Anda ingin menghindari permintaan HTTP eksternal.
Apakah ada batasan saat menggunakan alat ini?
Gambar berukuran besar dapat memperlambat komputer Anda selama proses konversi. Sebaiknya gunakan alat ini untuk gambar PNG yang berukuran kecil hingga sedang.
Format gambar apa yang didukung?
Alat ini dirancang khusus untuk gambar PNG. Format lain tidak didukung saat ini.