Base64
Image Data URL
⚠️ Large image may freez the browser
Hasilkan CSS Latar Belakang Kod64
Ubah gambar kepada format Base64 atau DataURL untuk kegunaan sebagai latar belakang CSS atau aplikasi web lain. Muat naik gambar anda, pilih tab yang diingini, dan salin kod yang dijana. Sesuai untuk menyemak imbas gambar terus ke dalam kod laman web anda, walaupun gambar besar boleh menjejaskan prestasi.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Tukarkan Imej kepada Kod Base64
1
Muat naik imej anda
Muat naik gambar anda dengan mengklik atau seret ke kawasan muat naik.
2
Pilih Kod64 atau DataURL
Pilih tab 'Base64' atau 'DataURL' untuk memilih format yang diingini.
3
Lihat Kod Base64
Kod Base64 atau DataURL akan muncul dalam kawasan teks di bawah tab.
4
Salinan Kod yang Dijana
Klik butang 'Salin' untuk menyalin kod yang dijana ke papan klip anda.
Sematkan Imej Secara Langsung dalam CSS Anda
Sertakan imej terus ke dalam CSS menggunakan pengekodan Base64 atau DataURL untuk mengurangkan permintaan HTTP dan mengoptimumkan prestasi laman web. Kaedah ini meningkatkan masa muatan dengan menghapuskan fail imej berasingan sambil mengekalkan elemen visual seperti ikon kecil atau grafik hiasan. Ia menyokong integrasi aset ringan dengan cekap tanpa menjejaskan kelajuan tapak web.
Latar Belakang CSS Pantas dengan Imej Terkod
Ubah sajak imej ke format Base64 atau DataURL untuk menetapkan latar belakang CSS. Pendekatan ini menyelaraskan proses kerja dengan menggabungkan visual terus ke dalam kod. Mengurangkan keperluan kepada fail imej luaran boleh mengurangkan permintaan HTTP dan meningkatkan prestasi laman web. Sesuai untuk menggabungkan visual kecil sambil meningkatkan prestasi.
Soalan Lazim
Apakah itu Base64 dan DataURL?
Base64 dan DataURL ialah cara untuk mewakili imej sebagai rentetan teks. Ini membolehkan anda menyemak imej terus ke dalam kod laman web anda, mengelakkan keperluan untuk fail imej berasingan.
Bagaimana saya boleh menggunakan Base64 atau DataURL yang dijana?
Kod yang dijana boleh digunakan sebagai imej latar CSS, dalam atribut HTML, atau dalam sebarang konteks yang menerima URI data. Contohnya, anda boleh menggunakannya dalam CSS seperti ini: background-image: url('data:image/png;base64,...');
Mengapa saya harus menggunakan alat ini berbanding kaedah lain?
Alat ini menyediakan cara yang mudah dan mudah untuk menukar gambar kepada Base64 atau DataURL dengan satu klik dan butang salin. Ia pantas dan mudah digunakan.
Adakah sebarang had apabila menggunakan alat ini?
Gambar bersaiz besar tidak digalakkan kerana ia boleh memperlahankan prestasi komputer semasa proses penukaran.
Format imej apa yang disokong?
Alat ini menyokong format imej yang biasa seperti PNG, JPG, dan GIF.