Tukar imej menjadi URI data Base64 untuk disematkan dalam HTML, CSS atau JSON, sepenuhnya dalam pelayar anda.
Cara menggunakan Imej ke Base64
Pilih imej dari peranti anda.
Salin URI data, atau coretan CSS yang sedia dibuat.
Tampalkan ke dalam HTML, CSS atau JSON anda.
Penukar imej ke Base64 ini menukar gambar menjadi URI data, iaitu rentetan teks panjang yang menyematkan imej secara terus, serta cebisan latar belakang CSS yang sedia digunakan. Anda boleh membarisi imej dan bukannya memaut kepada fail berasingan.
Ia berjalan secara setempat dalam pelayar anda, jadi imej anda dibaca pada peranti anda dan tidak pernah dimuat naik.
URI data membawa keseluruhan imej di dalam penanda, jadi pelayar tidak membuat permintaan rangkaian berasingan untuk mengambilnya. Untuk aset kecil seperti ikon, pusingan yang dijimatkan itu boleh menjadikan halaman terasa lebih pantas.
Halangannya ialah saiz dan pengecachan. Base64 menambah kira-kira 33 peratus overhed kerana ia mewakili data binari dengan abjad teks yang terhad, dan imej yang dibarisi tidak dapat dicache secara berasingan, jadi ia dimuat turun semula dengan setiap halaman yang mengandunginya.
Peraturan biasa ialah membarisi imej kecil, ikon, logo kecil atau sprite, apabila mengelakkan permintaan berbaloi dengan overhed, dan mengekalkan imej yang lebih besar sebagai fail biasa yang boleh dicache dan dimuatkan secara selari oleh pelayar.
URI data berfungsi di mana-mana sahaja URL diterima: src img, latar belakang CSS, atau medan dalam JSON atau templat e-mel. Itu menjadikannya berguna untuk cebisan yang serba lengkap.
Soalan lazim
Tidak. Imej dibaca sepenuhnya dalam pelayar anda, jadi ia tidak pernah meninggalkan peranti anda.
Untuk imej kecil seperti ikon, di mana mengelakkan permintaan rangkaian tambahan adalah berbaloi dengan peningkatan saiz. Untuk imej besar, fail biasa adalah lebih baik.
Pengekodan Base64 menambah lebih kurang 33 peratus overhed kerana ia mewakili data perduaan menggunakan abjad teks yang terhad.
Benamkan alat ini
Tambah alat ini ke laman web anda sendiri. Salin coretan di bawah; ia kekal terkini secara automatik.
<iframe src="https://monu.tools/embed/ms/image-to-base64" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Alat berkaitan
Encode teks ke Base64 atau decode Base64 kembali ke teks. Selamat untuk UTF-8 dengan pengesanan arah automatik.
Encode dan decode URL serta komponen URL dalam format persen, selamat untuk UTF-8.
Decode JSON Web Token untuk memeriksa pengepala dan payload-nya, dengan masa tamat tempoh dan masa pengeluaran yang boleh dibaca manusia. Berjalan sepenuhnya dalam pelayar anda; token tidak pernah dimuat naik.
Jana hash SHA-1, SHA-256, SHA-384 dan SHA-512 bagi sebarang teks, terus dalam pelayar anda.