onul.works

Imej ke Base64

Tukar imej kepada Base64 secara online, jana data URI dan salin rentetan yang dikodkan tanpa memuat naik fail.

⌘ Berjalan dalam pelayar ◴ Data tidak disimpan ⌁ Percuma

Konsep

Tukar imej kepada Base64 untuk dimasukkan dalam HTML, CSS, e-mel dan JSON

Penukaran imej kepada Base64 menukar fail imej kepada data URI supaya ia boleh dibenamkan secara inline tanpa permintaan fail berasingan.

Imej boleh dienkod sebagai rentetan Base64 dalam pelayar lalu dimasukkan terus ke img/CSS, kandungan e-mel, JSON ujian API atau data contoh dokumen.

Ia paling sesuai untuk aset kecil seperti ikon kecil, imej e-mel dan data dummy ujian.

Contoh penggunaan

Gunakan untuk latar tandatangan e-mel, imej README, data mock respons API atau ujian frontend yang perlu memasukkan imej tanpa pautan luaran.

Perkara untuk disemak

Semak MIME type dalam data URI (contohnya image/png) dan bandingkan saiz rentetan yang dienkod dengan fail asal.

Pertimbangan prestasi

Base64 biasanya lebih panjang daripada fail asal, lalu boleh menjejaskan cache, saiz bundle dan prestasi render.

Untuk imej besar atau aset yang kerap berubah, asingkan sebagai fail melalui CDN/hos statik; gunakan Base64 terutamanya untuk aset kecil dan data ujian sementara.

Input imej
Hasil Base64
Maklumat imej akan muncul di sini.

Cara guna

  1. 1 Seret imej masuk atau klik untuk memuat naiknya.
  2. 2 Semak pratonton dan butiran fail, kemudian semak output imej ke Base64.
  3. 3 Salin rentetan yang ditukar ke HTML, CSS, JSON atau sasaran lain.

Contoh penggunaan umum

  • Penjanaan data URI imej ke Base64
  • Benam ikon kecil secara inline
  • Salin rentetan Base64 untuk kegunaan dalam talian

Soalan lazim

Bagaimana saya menyediakan imej?

Pilih fail imej atau seret dan lepaskannya untuk menjana data URL Base64 dengan pratonton.

Bolehkah saya menyalin hasil Base64 imej yang dijana?

Ya. Anda boleh menyalin data URL Base64 daripada kotak output ke papan klip.

Apa yang perlu diketahui apabila menukar imej besar?

Rentetan Base64 boleh menjadi lebih besar daripada fail asal, jadi semak saiz sebelum membenamkan imej besar dalam halaman atau kod.

Aliran kerja berkaitan

Imej ke Base64Tukar imej kepada rentetan Base64 yang boleh diletakkan dalam HTML, CSS atau JSON. → Base64 ke ImejSebelum membenamkannya secara inline, buka semula sebagai imej untuk menyemak hasil penukaran. → Penjana FaviconJika sumber yang sama juga perlu menjadi ikon laman, jana favicon daripadanya.