Base64
Image Data URL
⚠️ Large image may freez the browser
Ubah Gambar ke Data Inline
Gunakan alat konverter-gambar-ke-data-sebaris untuk mengonversi gambar menjadi data sebaris. Pilih antara format Base64 atau DataURL. Hal ini memungkinkan penyematan gambar langsung ke dalam proyek web.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Konversi Gambar ke URL Data
1
Unggah Gambar Anda
Unggah gambar Anda dengan mengklik atau menyeretnya ke area unggah.
2
Pilih Format Data
Pilih tab 'Base64' atau 'DataURL' untuk memilih format yang Anda inginkan.
3
Lihat URL Data
Representasi Base64 atau DataURL gambar Anda akan muncul di area teks.
4
Salin Kode yang Dihasilkan
Klik tombol 'Salin' untuk menyalin kode yang dihasilkan ke papan klip Anda.
Sematkan Gambar Langsung ke Proyek Web Anda
Integrasikan gambar langsung ke proyek web Anda dengan menghilangkan kebutuhan untuk mengelola file gambar terpisah. Alat gambar-ke-data-inline kami menghasilkan representasi Base64 atau DataURL dari gambar Anda, yang membantu merampingkan alur kerja dan mengurangi waktu muat halaman. Pendekatan ini menghilangkan persyaratan sumber daya eksternal, sehingga membuat struktur proyek Anda lebih sederhana.
Rampingkan alur kerja Anda
Menyertakan gambar secara langsung ke dalam kode situs web Anda dapat bermanfaat untuk menyematkannya dalam format Base64 atau DataURL. Pendekatan ini mengintegrasikan gambar ke dalam HTML atau CSS, sehingga menghilangkan ketergantungan pada berkas eksternal. Hal ini merampingkan alur kerja pengembangan dan dapat meningkatkan efisiensi pemuatan halaman dengan mengurangi dependensi eksternal.
Pertanyaan yang Sering Diajukan
Apa itu Base64 dan DataURL?
Base64 dan DataURL adalah cara untuk merepresentasikan gambar sebagai string teks. Hal ini memungkinkan Anda untuk menyematkan gambar langsung ke dalam kode HTML atau CSS Anda tanpa memerlukan berkas gambar terpisah.
Bagaimana saya bisa menggunakan Base64 atau DataURL yang dihasilkan?
Anda dapat menggunakan kode yang dihasilkan di dalam tag HTML <img> atau properti background-image CSS. Contohnya, Anda dapat menggunakannya seperti ini: <img src='data:image/png;base64,...'>
Mengapa saya ingin menggunakan Base64 atau DataURL?
Menggunakan data inline dapat menyederhanakan struktur proyek Anda, mengurangi permintaan HTTP, dan berpotensi meningkatkan waktu pemuatan, terutama untuk gambar kecil.
Apakah ada batasan dalam menggunakan alat ini?
Gambar berukuran besar tidak disarankan karena dapat memperlambat kinerja komputer Anda. String Base64 atau DataURL yang dihasilkan juga bisa menjadi sangat panjang.
Format gambar apa saja yang didukung?
Alat ini mendukung format gambar umum seperti PNG, JPG, dan GIF. Format yang didukung secara spesifik dapat bervariasi tergantung pada peramban Anda.