ESC

Penukar Imej ke Base64

Seret dan lepas imej anda di sini

atau klik untuk memilih fail (PNG, JPG, GIF, SVG, WebP - maks 10MB)

Semua pemprosesan berlaku dalam pelayar anda. Imej anda tidak pernah dimuat naik ke pelayan.

Contoh Penggunaan

Benam dalam E-mel

Benam imej terus dalam e-mel HTML tanpa pengehosan luaran menggunakan Data URI Base64.

Latar Belakang CSS

Guna imej berkod Base64 sebagai nilai CSS background-image untuk kurangkan permintaan HTTP.

Muatan API

Sertakan data imej dalam muatan JSON API untuk pemindahan data tanpa muat naik fail.

Ciri-ciri

Seret dan Lepas

Seret dan lepas imej ke kawasan muat naik atau klik untuk memilih fail.

Pratonton Imej

Lihat pratonton imej dengan maklumat saiz fail dan dimensi.

Format Data URI

Togol antara Base64 mentah dan format Data URI sedia untuk HTML/CSS.

Peribadi & Selamat

Semua pengekodan dilakukan dalam pelayar anda. Imej tidak pernah meninggalkan peranti anda.

Cara Menggunakan

1

Muat Naik Imej

Seret dan lepas imej atau klik untuk memilih fail.

2

Pratonton & Konfigurasi

Lihat pratonton imej dan togol pilihan format Data URI.

3

Salin Base64

Salin rentetan Base64 berkod untuk digunakan dalam projek anda.

Soalan Lazim

PNG, JPEG, GIF, SVG, WebP dan kebanyakan format biasa sehingga 10 MB. API FileReader pelayar boleh membaca mana-mana fail yang disokongnya. Fail SVG, yang merupakan teks XML, dikodkan dengan cekap dan kerap digunakan sebagai data URI sebaris.

Format data URI ialah: data:image/png;base64,[rentetan berkod]. Menyertakan awalan menjadikan rentetan sedia untuk digunakan terus dalam HTML (<img src="data:image/png;base64,..."/>) dan CSS (background-image: url("data:image/png;base64,...")). Tanpa awalan anda mendapat Base64 mentah, berguna untuk muatan API atau kod tersuai yang menambah awalan sendiri.

Pengekodan Base64 meningkatkan saiz sebanyak lebih kurang 33%. Setiap 3 bait binari menjadi 4 aksara ASCII. Imej 100 KB menjadi kira-kira 133 KB teks Base64. Lebihan ini adalah pertukaran untuk membenam imej sebagai teks biasa.

Terbaik untuk imej kecil: ikon, logo, grafik mudah (bawah 5–10 KB). Kelebihan: menghapuskan satu permintaan HTTP, imej sentiasa tersedia walaupun pelayan tidak berfungsi, sesuai untuk e-mel HTML di mana imej luaran disekat. Tidak disyorkan untuk foto besar — lebihan saiz dan kehilangan caching menjadikan URL fail biasa lebih pantas.

Aktifkan togol awalan Data URI, kemudian salin hasilnya. Untuk tag imej: <img src="[tampal di sini]" alt="..."/>. Untuk CSS: background-image: url("[tampal di sini]"). Data URI berfungsi di semua pelayar moden tanpa sebarang pelayan atau fail luaran.

Ya. Matikan awalan Data URI untuk mendapat Base64 mentah, kemudian masukkan sebagai medan rentetan JSON. API penerima membina semula imej binari daripada rentetan Base64. Biasa digunakan untuk API yang menerima imej tanpa muat naik fail berbilang bahagian.

Maksimum 10 MB. Pada input 10 MB, output Base64 adalah kira-kira 13.3 MB. Rentetan Base64 yang sangat besar boleh melambatkan operasi salin dan mungkin mencapai had papan klip pelayar. Untuk imej lebih besar daripada beberapa ratus KB, pengehosan fail biasa lebih praktikal.

Tidak. Imej dibaca secara tempatan menggunakan API FileReader pelayar dan dikodkan dengan JavaScript sepenuhnya pada peranti anda. Data imej tidak pernah meninggalkan pelayar anda, menjadikannya selamat untuk imej peribadi atau sulit.

Apa Itu Image to Base64 Converter?

Drop an image and get its Base64 encoded string. Supports PNG, JPG, GIF, SVG, WebP, and more. Toggle Data URI format for direct use in HTML img tags or CSS backgrounds.

Ciri Utama

Drag and drop upload, image preview with file info, Data URI toggle for HTML/CSS embedding, supports all common image formats up to 10MB, one-click copy.

Kegunaan Biasa

Embedding images directly in HTML emails, using images as CSS background values to reduce HTTP requests, including image data in JSON API payloads, or inlining small icons.

Petua

Base64 encoding increases file size by about 33 percent. Best for small images like icons and logos. For large images, regular file hosting is more efficient.

Privasi

All encoding happens in your browser. Images are never uploaded to any server.

Keselamatan dan Privasi

Keselamatan data anda adalah keutamaan kami

Pemprosesan Tempatan

Semua pemprosesan berlaku dalam pelayar anda

Tiada Pemindahan Data

Data anda tidak dihantar ke pelayan kami

Tiada Penyimpanan Data

Tiada data disimpan atau dikongsi

Penyulitan SSL

Penyulitan SSL untuk sambungan selamat

Langkah Seterusnya

Lebih Banyak di MoreOnlineTools