tigtools

Imej ke Base64

Tukar fail PNG, JPEG, WebP, GIF, SVG atau ICO kepada teks Base64 yang boleh anda benamkan dalam HTML, CSS atau JSON, atau nyahkod Base64 kembali menjadi imej. Fail itu tidak pernah meninggalkan pelayar anda.

Berjalan dalam pelayar anda Tanpa pendaftaran

Arah

atau lepaskan di sini (sehingga 10 MB). Fail kekal pada peranti anda.

Cara menggunakannya

  1. Pilih Imej → Base64 dan pilih fail imej, atau pilih Base64 → Imej untuk pergi ke arah sebaliknya.
  2. Pilih output yang anda perlukan: URL data, Base64 biasa, tag img HTML, peraturan background-image CSS atau Markdown.
  3. Salin hasil dan tampalkannya ke dalam kod, templat e-mel atau JSON anda.
  4. Untuk menyahkod, tampalkan URL data atau Base64 biasa; imej akan dipratonton dan boleh dimuat turun.

Cara ia berfungsi

Base64 mewakili data perduaan dengan 64 aksara boleh cetak, jadi imej boleh ditulis terus di dalam format teks. URL data menambah jenis media di hadapan, contohnya data:image/png;base64, diikuti oleh bait yang dikodkan. Pelayar menerima URL data di mana-mana sahaja URL imej dibenarkan: atribut src teg img, CSS url(), atau rujukan imej SVG.

Teks yang dikodkan sentiasa kira-kira satu pertiga lebih besar daripada fail asal (4 aksara untuk setiap 3 bait). Membenamkan ikon kecil dan pemegang tempat boleh menjimatkan permintaan rangkaian berasingan, tetapi data terbina dalam tidak boleh dicache secara berasingan dan dimuat turun semula dengan setiap halaman atau helaian gaya yang mengandunginya, jadi ia jarang berbaloi melebihi beberapa kilobait. Banyak klien e-mel menyekat atau membuang imej URL data, jadi uji dahulu sebelum menggunakannya dalam surat berita.

Fail dikodkan bait demi bait: tiada apa-apa dimampatkan semula, dan metadata dalam fail (seperti EXIF) dikekalkan. Semasa menyahkod, alat ini menerima URL data penuh, Base64 biasa, Base64 selamat URL dan teks yang disalin bersama pembungkus CSS url(…). Jenis imej dikesan daripada bait yang dinyahkod dan bukannya dipercayai daripada label.

Contoh

Ikon kecil dalam helaian gaya

Ikon PNG bersaiz 600 bait menjadi rentetan Base64 sepanjang 800 aksara. Menggunakan output CSS memberikan peraturan background-image yang boleh anda tampal ke dalam kelas tanpa menghoskan fail berasingan.

Imej daripada respons API

API mengembalikan medan JSON seperti "iVBORw0KGgoAAAANSUhEUg…". Tampalkannya ke Base64 → Imej untuk melihat gambar, menyemak saiznya dan memuat turunnya sebagai PNG.

Logo SVG dalam HTML

Mengekod SVG menghasilkan URL data:image/svg+xml;base64 yang berfungsi dalam tag img. Untuk SVG, markup SVG tanpa mampatan itu sendiri selalunya lebih pendek daripada Base64, jadi pertimbangkan untuk menyisipkan SVG terus secara sebaris.

Soalan Lazim

Mengapa versi Base64 lebih besar daripada imej saya?

Base64 menggunakan 4 aksara teks untuk menyimpan 3 bait, menambah kira-kira 33% serta sedikit untuk awalan URL data. Mampatan Gzip atau Brotli pada pelayan web mengurangkan perbezaan itu tetapi tidak menghapuskannya.

Adakah pengekodan mengubah atau memampatkan imej?

Tidak. Bait sebenar fail itu dikodkan, termasuk sebarang metadata. Untuk menjadikan rentetan lebih pendek, mampatkan atau ubah saiz imej terlebih dahulu.

Apakah perbezaan antara URL data dan Base64 biasa?

Base64 biasa hanyalah bait yang dikodkan. URL data menambah awalan seperti data:image/jpeg;base64, yang memberitahu pelayar jenis fail itu, supaya ia boleh digunakan terus sebagai sumber imej.

Adakah terdapat had saiz?

Fail sehingga 10 MB boleh dikodkan di sini. Rentetan yang sangat panjang boleh menyebabkan medan teks dan editor menjadi perlahan, dan URL data sebesar itu tidak praktikal di laman web.

Privasi

Pengekodan dan penyahkodan berlaku dalam pelayar anda. Imej anda dan teks Base64 tidak dimuat naik, disimpan atau disertakan dalam analitik.