Base64
Image Data URL
⚠️ Large image may freez the browser
Kodkan Imej kepada Base64 untuk HTML
Jadikan gambar kepada format Base64 atau DataURL untuk menyemak imbasan dalam projek HTML. Muat naik fail gambar anda, pilih tab yang sesuai, dan jana kod yang disulitkan. Gunakan butang 'Salin' untuk menyepadukan gambar yang disulitkan ke dalam laman web anda, memastikan ia disemak imbasan terus tanpa pautan luar. Kaedah ini membolehkan anda menyertakan gambar sebagai sebahagian daripada kandungan HTML anda, menyederhanakan penyebaran dan mengurangkan kebergantungan kepada sumber luar.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Tukarkan Imej kepada Kod Base64
1
Muat naik gambar anda
Muat naik gambar anda dengan mengklik atau seret dan lepaskan ke kawasan yang ditetapkan.
2
Pilih Format Pengodaan
Pilih tab 'Base64' atau 'DataURL' untuk memilih format pengekodan yang diingini.
3
Lihat Kod Base64
Kod Base64 atau DataURL untuk imej anda akan muncul di kawasan teks di bawah tab.
4
Salin Kod yang Dijana
Klik butang 'Salin' untuk menyalin cepat kod yang dijana untuk kegunaan dalam projek HTML anda.
Masukkan imej terus ke dalam HTML anda
Masukkan imej terus ke dalam HTML tanpa fail luaran dengan menukarnya kepada rentetan Base64 atau DataURL. Kaedah ini membolehkan penumpuan imej dalam baris, yang mengurangkan permintaan HTTP dan mungkin meningkatkan masa memuatkan halaman. Ia berguna untuk ikon, gambar kecil, atau elemen hiasan di mana meminimumkan ketergantungan fail adalah penting.
Salin pantas data imej yang dikodkan
Alat ini membolehkan penyematan imej terus ke dalam HTML dengan menjana rentetan kod Base64 atau DataURL. Ini mengurangkan keperluan untuk fail imej luaran, yang boleh menyederhanakan pengurusan fail dan meningkatkan kelajuan pemuatan. Muat naik imej anda, jana rentetan kod yang disulitkan, dan salin kod untuk menyemakinya dengan lancar dalam halaman web anda. Pendekatan ini berguna untuk projek yang memerlukan pengendalian fail yang minimum atau pemuatan sumber yang dioptimumkan.
Soalan Lazim
Apakah itu DataURL Base64 dan mengapa saya memerlukannya?
DataURL Base64 membolehkan anda menyemak imban gambar terus dalam kod HTML anda, menghapuskan keperluan fail gambar berasingan. Ini berguna untuk gambar kecil atau apabila anda ingin memastikan gambar sentiasa tersedia, walaupun pengguna berada dalam keadaan luar talian.
Bagaimana saya menggunakan alat ini untuk mendapatkan DataURL Base64?
Hanya muat naik fail imej anda, pilih tab 'Base64' atau 'DataURL', dan alat ini akan menghasilkan rentetan kod yang telah disulitkan. Klik butang 'Salin' untuk menyalin kod yang dijana ke papan klip anda dengan mudah.
Bolehkah saya menggunakan alat ini untuk gambar bersaiz besar?
Semasa anda boleh, imej yang besar akan memperlahankan komputer anda dengan ketara semasa proses penukaran. Adalah terbaik untuk menggunakan alat ini untuk imej bersaiz kecil hingga sederhana.
Apakah perbezaan antara Base64 dan DataURL?
Kedua-duanya mewakili imej sebagai rentetan teks yang terbenam dalam HTML. DataURL termasuk awalan yang menunjukkan jenis MIME, manakala Base64 hanya menyanduk data imej.
Di mana saya boleh menggunakan kod Base64 atau DataURL yang dijana?
Anda boleh menggunakan kod yang disalin terus dalam atribut src tag <img> dalam HTML anda, atau dalam sifat CSS seperti imej latar belakang.