Base64
Image Data URL
⚠️ Large image may freez the browser
Enkode Gambar ke Base64 untuk HTML
Ubah gambar ke format Base64 atau DataURL untuk disematkan dalam proyek HTML. Unggah berkas gambar Anda, pilih tab yang sesuai, dan hasilkan kode terenkripsi. Gunakan tombol 'Salin' untuk mengintegrasikan gambar terenkripsi ke dalam situs web Anda, memastikan gambar disematkan secara langsung tanpa tautan eksternal. Metode ini memungkinkan Anda menyertakan gambar sebagai bagian dari konten HTML Anda, menyederhanakan penerapan dan mengurangi ketergantungan pada sumber daya eksternal.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Ubah Gambar ke Kode Base64
1
Unggah Gambar Anda
Unggah gambar Anda dengan mengklik atau seret dan lepas ke area yang tersedia.
2
Pilih Format Enkode
Pilih tab 'Base64' atau 'DataURL' untuk memilih format pengkodean yang diinginkan.
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 untuk digunakan dalam proyek HTML Anda.
Sisipkan gambar langsung ke HTML Anda
Sematkan gambar langsung ke HTML Anda tanpa berkas eksternal dengan mengubahnya menjadi string Base64 atau DataURL. Metode ini memungkinkan penyertaan gambar secara langsung, yang mengurangi permintaan HTTP dan dapat meningkatkan waktu muat halaman. Ini berguna untuk ikon kecil, gambar mini, atau elemen dekoratif di mana meminimalkan dependensi berkas sangat penting.
Salin Cepat Data Gambar Terenkripsi
Alat ini memungkinkan penyisipan gambar langsung ke HTML dengan menghasilkan string yang disandikan Base64 atau DataURL. Hal ini mengurangi kebutuhan akan berkas gambar eksternal, yang dapat menyederhanakan pengelolaan berkas dan meningkatkan waktu pemuatan. Unggah gambar Anda, hasilkan string yang disandikan, dan salin kode untuk menyematkannya dengan lancar ke halaman web Anda. Pendekatan ini berguna untuk proyek yang membutuhkan penanganan berkas minimal atau pemuatan sumber daya yang dioptimalkan.
Pertanyaan yang Sering Diajukan
Apa itu Base64 DataURL dan mengapa saya membutuhkannya?
DataURL Base64 memungkinkan Anda menanamkan gambar langsung ke dalam kode HTML, menghilangkan kebutuhan akan file gambar terpisah. Ini berguna untuk gambar kecil atau ketika Anda ingin memastikan gambar selalu tersedia, bahkan jika pengguna sedang offline.
Bagaimana cara menggunakan alat ini untuk mendapatkan DataURL Base64?
Cukup unggah berkas gambar Anda, pilih tab 'Base64' atau 'DataURL', dan alat ini akan menghasilkan string terenkripsi. Klik tombol 'Salin' untuk dengan mudah menyalin kode yang dihasilkan ke papan klip Anda.
Bisakah saya menggunakan alat ini untuk gambar berukuran besar?
Meskipun Anda bisa, gambar berukuran besar akan sangat memperlambat komputer Anda selama proses konversi. Sebaiknya gunakan alat ini untuk gambar yang lebih kecil hingga berukuran sedang.
Apa perbedaan antara Base64 dan DataURL?
Keduanya merepresentasikan sebuah gambar sebagai string teks yang disematkan dalam HTML. DataURL menyertakan awalan yang menunjukkan tipe MIME, sedangkan Base64 hanya menyandikan data gambar.
Di mana saya bisa menggunakan kode Base64 atau DataURL yang dihasilkan?
Anda dapat menggunakan kode yang disalin langsung di dalam atribut src dari tag <img> dalam HTML Anda, atau di dalam properti CSS seperti background-image.