tool hub Hab alat

Image to Base64

Image to Base64 — berjalan dalam pelayar. Input tidak disimpan.

Berjalan dalam pelayar Tiada pendaftaran Percuma


Imej → Base64

Masukkan nilai, kemudian tekan Kira.

Fail hanya dibaca dalam pelayar dan tidak dimuat naik ke pelayan.

Cara guna

  1. Di fail gambar, pilih fail lokal. Hanya image/* diterima.
  2. Begitu dipilih, FileReader membangun data URL dan mengisi pratonton serta medan teks.
  3. Baris info memaparkan nama fail dan perkiraan ukuran Base64 (KB).
  4. Salin menaruh seluruh data URL ke papan keratan. anda boleh menampalnya ke HTML img src, CSS, atau Markdown.
  5. Reset mengosongkan pilihan fail dan string. Fail yang dipilih hanya dibaca di memori tab ini.
  6. Sebelum menyematkan, periksa KB perkiraan. Untuk asal besar, ubah ukuran dulu. Fail yang dipilih tidak dimuat naik.

Konsep utama

Gambar → Base64 mengubah fail lokal menjadi data URL seperti data:image/png;base64,.... Guna untuk menyematkan favicon atau ikon kecil di HTML, atau menaruh thumbnail di draf JSON/Markdown. Base64 sekitar 33% lebih panjang dari asli, dan foto besar menggembungkan ukuran HTML serta biaya parse. Memilih fail langsung mengonversi; tiada butang jalankan terpisah. Pratonton dan string terisi bersama.

Pembacaan hanya menggunakan FileReader.readAsDataURL dan tidak memanggil API muat naik. Jika MIME bukan image/, pemberitahuan muncul dan string tetap kosong. Salin menggunakan API papan keratan; jika kebenaran ditolak, pilih medan hasil sendiri. Tangkapan layar sensitif juga tidak meninggalkan tab ini. Gambar sematan tertanam di halaman tanpa cache/CDN, jadi foto besar yang berulang lebih baik sebagai URL fail.

Contoh

Pilih ikon PNG kecil: pratonton muncul dan teks dimulai dengan data:image/png;base64,. Salin ke <img src="…"> dan gambar tampil tanpa fail eksternal. Pilih JPEG dan MIME menjadi jpeg. KB perkiraan di baris info dari panjang string, jadi boleh sedikit berbeda dari ukuran fail disk. Memilih fail yang sama lagi menyegarkan isi; reset lalu pilih saat mencoba ikon lain. Jika KB perkiraan besar, utamakan URL fail statis daripada sematan HTML.

Berkaitan: Base64 → gambar · Pengekod URL · Pengira aksara

Soalan lazim

Bagaimana mengonversi gambar ke Base64?

Pilih fail gambar dan FileReader segera membangun data URL. Pratonton dan teks terisi; tiada butang penukaran terpisah.

Bagaimana menaruh Base64 gambar di HTML?

Tampal string tersalin ke <code>src</code> pada <code>img</code> atau CSS <code>background-image: url()</code>. anda juga boleh menggunakan sintaks gambar Markdown.

Apakah JPG, WebP, dan GIF bekerja untuk gambar ke Base64?

Jika pelayar mengenali fail sebagai <code>image/*</code>, MIME data URL cocok. Jika bukan gambar, hanya pemberitahuan muncul.

Apakah foto besar bekerja?

Boleh dibaca, tetapi string sangat panjang dan salin/tampal serta ukuran halaman menderita. Cocok untuk ikon dan thumbnail kecil.

Apakah fail dimuat naik ke pelayan?

Tidak. Fail yang dipilih hanya dibaca di memori pelayar halaman ini dan tidak dihantar atau dimuat naik.

Bagaimana jika salin gagal?

Izinkan kebenaran papan keratan atau pilih medan hasil dan salin sendiri. Pesan sukses muncul di baris info.

Image to Base64 imej muka depan

Alat berkaitan

Ujian papan kekunci

Ujian papan kekunci — berjalan dalam pelayar. Input tidak disimpan.

 Kalkulator tarikh

Kalkulator tarikh — berjalan dalam pelayar. Input tidak disimpan.

 Pengira aksara

Pengira aksara — berjalan dalam pelayar. Input tidak disimpan.

 Color Converter

Color Converter — berjalan dalam pelayar. Input tidak disimpan.

 Bmi

Bmi — berjalan dalam pelayar. Input tidak disimpan.

 Age Calculator

Age Calculator — berjalan dalam pelayar. Input tidak disimpan.
Input tidak dihantar ke pelayan dan hilang apabila halaman ditutup.

Disemak terakhir: 2026-09-04