Base64
Image Data URL
⚠️ Large image may freez the browser
Konversi Gambar ke URI Data Online
Konversikan gambar ke URI Data secara online menggunakan alat ini. Unggah gambar Anda, pilih opsi Base64, dan hasilkan kodenya. Tombol Salin mengambil kode untuk integrasi ke dalam proyek Anda. Metode ini berguna untuk menyematkan gambar langsung dalam HTML tanpa bergantung pada berkas eksternal.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Konversi Gambar ke URI Data
1
Unggah Gambar Anda
Unggah gambar Anda dengan mengeklik atau menyeretnya ke area unggah.
2
Pilih Format Data
Pilih format yang diinginkan: pilih tab 'Base64' atau 'DataURL'.
3
Lihat DataUri Kode
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.
Sematkan Gambar Langsung ke Halaman Web
Sematkan gambar sebagai URI Data untuk mengintegrasikan visual secara langsung ke dalam HTML tanpa dependensi eksternal. Ubah gambar menjadi URI Data untuk mengurangi penundaan pemuatan dan menghilangkan risiko tautan yang rusak dengan menyimpan string yang dikodekan di dalam halaman web. Metode ini merampingkan organisasi proyek dan meningkatkan kinerja untuk aplikasi yang membutuhkan pengiriman gambar yang andal. Pengembang dapat memanfaatkan pendekatan ini untuk mengelola aset secara lebih efisien dalam proyek dengan akses internet terbatas atau kendala sumber daya yang ketat.
Salin Cepat Kode yang Dihasilkan
Sederhanakan alur kerja Anda dengan menyematkan gambar langsung ke dalam kode tanpa bergantung pada berkas eksternal. Fitur "Salin Kode yang Dihasilkan dengan Cepat" memungkinkan Anda menyalin kode Base64 atau DataURI setelah pembuatan, sehingga Anda dapat menempelkannya ke dalam proyek untuk penggunaan segera. Pendekatan ini menyederhanakan integrasi gambar ke dalam basis kode dengan menghilangkan kebutuhan pengelolaan berkas terpisah.
Pertanyaan yang Sering Diajukan
Apa itu URI Data dan mengapa saya membutuhkannya?
Data URI adalah cara untuk menyematkan gambar langsung ke dalam kode Anda (seperti HTML atau CSS) alih-alih menautkan ke file gambar terpisah. Ini bisa berguna untuk gambar kecil atau saat Anda ingin menghindari dependensi eksternal.
Bagaimana cara menggunakan konverter gambar ke Data URI online?
Cukup unggah gambar Anda, lalu klik tab 'DataURI' atau 'Base64' untuk menghasilkan kode yang sesuai. Gunakan tombol 'Salin' untuk menyalin kode yang dihasilkan dengan cepat.
Bisakah saya menggunakan alat ini untuk mengonversi gambar berukuran besar?
Meskipun bisa, gambar berukuran besar dapat memperlambat kinerja komputer Anda selama proses konversi. Kami menyarankan menggunakan gambar yang lebih kecil untuk hasil terbaik.
Apa perbedaan antara DataURI dan Base64?
Baik DataURI maupun Base64 menyandikan data gambar ke dalam format teks. DataURI menggabungkan penyandian dengan awalan yang memberi tahu browser cara menafsirkan data, sedangkan Base64 hanyalah data yang disandikan itu sendiri.
Di mana saya bisa menggunakan kode Data URI yang dihasilkan?
Anda dapat menggunakan kode yang dihasilkan dalam atribut src HTML, properti background-image CSS, atau tempat lain di mana Anda perlu menyematkan gambar langsung ke dalam kode Anda.