Base64
Image Data URL
⚠️ Large image may freez the browser
Tukar Imej kepada URI Data Dalam Talian
Tukar gambar kepada URI Data dalam talian menggunakan alat ini. Muat naik gambar anda, pilih pilihan Base64, dan jana kod. Butang Salin mengambil kod untuk dipadukan ke dalam projek anda. Kaedah ini berguna untuk menyemak imbas gambar secara terus dalam HTML tanpa bergantung pada fail luar.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Tukarkan Imej kepada URI Data
1
Muat naik gambar anda
Muat naik gambar anda dengan mengklik atau seret ke kawasan muat naik.
2
Pilih Format Data
Pilih format yang diingini: pilih tab 'Base64' atau 'DataURL'.
3
Lihat DataUri Kod
Kod Base64 atau DataURL untuk gambar anda akan muncul di kawasan teks di bawah tab.
4
Salinan Kod Dihasilkan
Klik butang 'Salin' untuk menyalin kod yang dijana dengan cepat.
Masukkan imej terus ke dalam laman web
Lampirkan imej sebagai URI data untuk menggabungkan visual terus ke dalam HTML tanpa bergantung kepada sumber luaran. Tukar imej kepada URI data untuk mengurangkan kelewatan pemuatan dan menghapuskan risiko pautan yang pecah dengan menyimpan rentetan kod di dalam halaman web. Kaedah ini menyederhanakan organisasi projek dan meningkatkan prestasi untuk aplikasi yang memerlukan penghantaran imej yang boleh dipercayai. Pembangun boleh menggunakan pendekatan ini untuk mengurus aset dengan lebih cekap dalam projek dengan akses internet terhad atau kekangan sumber yang ketat.
Salin pantas kod yang dijana
Permudahkan alur kerja anda dengan menyemak imbasan gambar terus ke dalam kod tanpa bergantung pada fail luaran. Fungsi "Salin Kod Terjana dengan Pantas" membolehkan anda menyalin kod Base64 atau DataURI selepas penghasilan, membolehkan anda menyalinnya ke dalam projek untuk kegunaan segera. Pendekatan ini menyederhanakan integrasi gambar ke dalam asas kod dengan menghapuskan keperluan untuk pengurusan fail berasingan.
Soalan Lazim
Apakah URI data dan mengapa saya mungkin memerlukannya?
URI Data ialah cara untuk menyemak imbas imej terus ke dalam kod anda (seperti HTML atau CSS) bukannya menghubungkan ke fail imej berasingan. Ini boleh berguna untuk imej kecil atau apabila anda mahu mengelakkan ketergantungan luaran.
Bagaimana cara menggunakan penukar imej dalam talian kepada Data URI?
Muat naik imej anda, kemudian klik pada tab 'DataURI' atau 'Base64' untuk menjana kod yang sepadan. Gunakan butang 'Salin' untuk menyalin kod yang dijana dengan cepat.
Bolehkah saya menggunakan alat ini untuk menukar gambar bersaiz besar?
Walaupun anda boleh, imej bersaiz besar boleh memperlahankan prestasi komputer anda semasa proses penukaran. Kami cadangkan menggunakan imej yang lebih kecil untuk hasil yang terbaik.
Apakah perbezaan antara DataURI dan Base64?
DataURI dan Base64 menyandikan data imej ke format teks. DataURI menggabungkan penyandian dengan awalan yang memberitahu penyemak imbas bagaimana menafsirkan data, manakala Base64 ialah data yang disandikan itu sendiri.
Di mana saya boleh menggunakan kod URI Data yang dijana?
Anda boleh menggunakan kod yang dijana dalam atribut src HTML, sifat background-image CSS, atau tempat lain di mana anda perlu menyemak imbas gambar terus ke dalam kod anda.