Base64
Image Data URL
⚠️ Large image may freez the browser
Tukarkan PNG kepada URI Data Base64
Tukarkan imej PNG kepada format Base64 atau DataURL menggunakan alat dalam talian kami. Muat naik imej anda, pilih format yang diingini, dan jana kod. Salin hasilnya untuk disertakan dalam projek. Keluaran Base64 dan DataURL menyokong aliran kerja pembangunan web yang memerlukan data imej sebaris.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Tukarkan Imej kepada Base64 atau URL Data
1
Muat naik gambar
Muat naik imej PNG anda dengan mengklik atau seret ke kawasan yang ditetapkan.
2
Pilih Format Keluaran
Pilih tab 'Base64' atau 'DataURL' untuk memilih format keluaran yang diingini.
3
Lihat Kod Base64
Kod Base64 atau DataURL untuk imej anda akan muncul di kawasan teks di bawah tab.
4
Salinan kod yang dijana
Klik butang 'Salin' untuk menyalin kod yang dijana dengan cepat ke papan klip anda.
Masukkan imej PNG terus ke dalam laman web anda
Ubah gambar PNG kepada data URI Base64 untuk menyematkannya terus ke dalam HTML. Kaedah ini menghapuskan keperluan kepada fail luar, mengurangkan permintaan HTTP dan meningkatkan prestasi laman web. Pembangun boleh tampal coretan kod yang dijana ke dalam HTML mereka untuk menyederhanakan integrasi dan meningkatkan kecekapan pemuatan. Sesuai untuk senario di mana meminimkan ketergantungan luar adalah penting, seperti pelaksanaan tapak statik atau pengurusan sumber dalaman.
Salin Kod Penukaran Pantas
Gunakan imej PNG dalam projek anda tanpa fail tambahan dengan menjana kod Base64 atau DataURL. Alat ini membolehkan penyematan terus imej ke dalam projek dengan menukarkan fail PNG kepada rentetan kod. Muat naik imej, pilih format yang diingini, dan salin kod yang dijana untuk mengintegrasikannya dengan lancar ke dalam kerja anda.
Soalan Lazim
Apakah itu Base64 atau DataURL?
Base64 dan DataURL ialah cara untuk mewakili imej sebagai rentetan teks. Ini membolehkan anda menyemak imej terus dalam HTML atau CSS tanpa memerlukan fail imej berasingan.
Bagaimana cara menggunakan alat PNG ke Base64/DataURL ini?
Hanya muat naik imej PNG anda. Kemudian, klik pada tab 'Base64' atau 'DataURL' untuk menjana kod yang sepadan. Gunakan butang 'Salin' untuk menyalin kod yang dijana dengan pantas.
Apa yang boleh saya gunakan kod yang dijana untuk?
Anda boleh menggunakan kod Base64 atau DataURL untuk menyemak imbas imej terus ke dalam projek HTML, CSS, atau JavaScript anda. Ini berguna untuk imej kecil, ikon, atau apabila anda ingin mengelakkan permintaan HTTP luaran.
Adakah sebarang had apabila menggunakan alat ini?
Imej besar boleh memperlahankan komputer anda semasa proses penukaran. Adalah lebih baik menggunakan alat ini untuk imej PNG bersaiz kecil hingga sederhana.
Format gambar apa yang disokong?
Alat ini direka khusus untuk imej PNG. Format lain tidak disokong pada masa ini.