Enkode gambar apa pun sebagai URI data Base64
Masukkan gambar ke dalam alat dan langsung dapatkan string berkode Base64. Gunakan output sebagai URI data dalam HTML, CSS, atau JSON tanpa menghosting gambar secara terpisah. Alat ini menampilkan panjang yang dikodekan, jenis MIME, dan pratinjau langsung sehingga Anda dapat memverifikasi hasilnya sebelum menyalin.
Gunakan alat ini gratisBrowser tool
Image to Base64
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
Cara menggunakan
Unggah gambar
Seret file JPEG, PNG, WebP, GIF, atau SVG ke dalam alat. Gambar dibaca secara lokal dan tidak pernah keluar dari perangkat Anda.
Tinjau hasilnya
Alat ini menampilkan string Base64, URI data, dan pratinjau langsung dari gambar yang didekodekan sehingga Anda dapat mengonfirmasi kecocokannya.
Salin atau unduh
Klik untuk menyalin string URI data atau mengunduhnya sebagai file teks biasa. Gunakan tombol cuplikan HTML atau CSS untuk kode siap ditempel.
Fitur
Dukungan berbagai format
Enkode file JPEG, PNG, WebP, GIF, dan SVG. Jenis MIME yang benar secara otomatis terdeteksi dan disertakan dalam awalan URI data.
Salinan sekali klik
Salin string Base64 mentah atau URI data lengkap dengan satu klik. Bersulang konfirmasi memberi tahu Anda bahwa teks ada di papan klip Anda.
Statistik keluaran
Lihat ukuran file asli, panjang string yang dikodekan, dan persentase overhead pengkodean. Ini membantu Anda memutuskan apakah menyejajarkan gambar sepadan dengan pengorbanannya.
Cuplikan CSS dan HTML
Dapatkan cuplikan kode yang siap ditempel untuk tag img HTML dan aturan gambar latar CSS. Salin cuplikannya dan letakkan langsung ke basis kode Anda.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhanceSpesifikasi
| Format masukan | JPEG, PNG, WebP, GIF, SVG |
| Keluaran | URI string/data Base64 |
| Ukuran file maksimal | 10 MB |
| Deteksi MIME | Otomatis |
| Format cuplikan | Gambar HTML, latar belakang CSS |
| Pengolahan | Sisi klien (tidak ada unggahan) |
Related Magic Eraser Tools
Pertanyaan umum
Kapan saya harus menggunakan Base64 daripada file gambar biasa?
+
Inlining Base64 paling berguna untuk gambar yang sangat kecil seperti ikon, piksel pelacakan 1x1, atau elemen UI kecil di mana menyimpan permintaan HTTP tambahan lebih penting daripada peningkatan ukuran sekitar 33% yang ditambahkan oleh pengkodean Base64.
Apakah pengkodean Base64 mengurangi kualitas gambar?
+
Tidak. Base64 adalah pengkodean data file biner yang lossless. Gambar yang didekodekan adalah byte demi byte yang identik dengan aslinya. Satu-satunya trade-off adalah muatan teks yang lebih besar.
Apakah ada ukuran file maksimum yang dapat saya kodekan?
+
Alat ini menerima file hingga 10 MB. Gambar yang lebih besar akan menghasilkan string yang sangat panjang sehingga mungkin tidak praktis untuk disejajarkan. Untuk gambar berukuran besar, menghosting file dan menautkannya dengan URL hampir selalu merupakan pendekatan yang lebih baik.
Butuh gambar sumber yang lebih kecil?
AI Enhance dapat mengompresi dan mengoptimalkan gambar sebelum Anda menyandikannya. File sumber yang lebih kecil menghasilkan string Base64 yang lebih pendek, sehingga mengurangi bobot halaman Anda.
Cobalah secara gratisMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Rancang gradien linier, radial, dan kerucut dengan beberapa perhentian warna. Salin kode CSS atau unduh sebagai gambar PNG. Tidak perlu mendaftar.
Konversi warna antara format bernama HEX, RGB, HSL, HSB, CMYK, dan CSS. Lihat pratinjau langsung, salin nilai apa pun, dan ekspor kartu warna. Tidak perlu mendaftar.
Ubah kode warna HEX menjadi nilai RGB dan sebaliknya. Pratinjau langsung, salinan sekali klik, dan keluaran cuplikan CSS. Tidak perlu mendaftar — berfungsi di browser Anda.
Pilih warna apa pun dari gambar yang diunggah dan dapatkan kode HEX, RGB, dan HSL secara instan. Buat palet dari foto untuk desain web, pencitraan merek, dan ilustrasi.
Upload foto dan ekstrak 5-10 warna dominan dengan kode HEX, RGB, dan HSL. Salin contoh, ekspor sebagai variabel ASE atau CSS. Tidak perlu mendaftar.
Hasilkan kode QR untuk URL, teks, kredensial WiFi, dan vCard. Sesuaikan warna, tambahkan logo tengah, dan unduh sebagai PNG atau SVG. Tidak perlu mendaftar.