Gambar ke Base64 Online Gratis
Konversi gambar apa pun ke string Base64 untuk CSS atau HTML.
Who uses the Gambar ke Base64?
- Pengembang frontend menyematkan ikon kecil dalam CSS untuk menghilangkan permintaan HTTP tambahan.
- Pengembang email menyematkan gambar logo dalam email HTML yang memblokir sumber daya eksternal.
- Integrator API mengirim data gambar dalam badan permintaan JSON yang memerlukan pengkodean string.
How the Gambar ke Base64 works
Unggah file gambar Anda menggunakan pemilih file, atau seret dan lepas ke area alat.
String Base64 dihasilkan secara instan di kotak teks keluaran.
Klik "Salin Base64" untuk menyalin URI data lengkap (data:image/png;base64,...) ke clipboard Anda, untuk digunakan dalam atribut src HTML atau latar belakang CSS.
Jika Anda hanya memerlukan Base64 mentah tanpa awalan URI data, hapus secara manual semua hal hingga dan termasuk koma pertama sebelum menggunakannya.
Tips & tricks
- Tombol Salin selalu menyalin URI data lengkap (dengan awalan "data:image/...;base64,") — tidak ada tombol terpisah hanya untuk string Base64 mentah.
- Base64 menambahkan sekitar 33% ke ukuran file — alat ini paling cocok untuk ikon kecil dan gambar di bawah sekitar 10KB, bukan foto besar.
- Hanya satu gambar yang dapat diproses sekaligus — tidak ada konversi massal untuk beberapa file.
- Kotak teks keluaran menampilkan URI data lengkap dalam teks biasa — Anda juga dapat memilih dan menyalin secara manual hanya sebagian jika tidak ingin menggunakan keluaran lengkap tombol Salin.
Frequently Asked Questions
Mengapa saya menyematkan gambar sebagai Base64 alih-alih menggunakan file gambar?
Menyematkan gambar sebagai Base64 dalam HTML atau CSS menghilangkan satu permintaan HTTP untuk gambar tersebut, yang dapat meningkatkan kinerja untuk ikon kecil dan gambar penting di atas lipatan. Ini sangat berguna dalam email HTML tempat gambar eksternal mungkin diblokir.
Seberapa jauh lebih besar gambar Base64 dibandingkan file aslinya?
Pengkodean Base64 menambahkan overhead sekitar 33%. PNG 10KB menjadi ~13.3KB dalam Base64. Untuk gambar besar, overhead ini melebihi manfaat menghemat satu permintaan HTTP — gunakan Base64 hanya untuk gambar di bawah sekitar 10KB.
Apakah tombol Salin hanya menyalin Base64 mentah, atau URI data lengkap?
Tombol Salin Base64 selalu menyalin URI data lengkap, termasuk awalan "data:image/...;base64," — tidak ada tombol terpisah hanya untuk string Base64 mentah. Jika Anda hanya memerlukan string mentah (misalnya untuk payload API), salin lalu hapus secara manual semua hal hingga dan termasuk koma pertama.
Bagaimana cara menggunakan gambar Base64 dalam tag img HTML?
Gunakan URI data lengkap sebagai src: <img src="data:image/png;base64,iVBORw0KGgo..." alt="icon">. Browser mendekode dan menampilkan gambar secara inline tanpa permintaan eksternal.
Bagaimana cara menggunakan gambar Base64 dalam CSS?
Gunakan sebagai latar belakang: background-image: url("data:image/svg+xml;base64,..."). Ini sangat efektif untuk ikon SVG karena membuat gaya tetap mandiri.
Format gambar apa yang dapat dikonversi ke Base64?
Format apa pun yang dapat dibaca browser Anda sebagai file berfungsi: JPG, PNG, GIF, WebP, dan lainnya. Awalan URI data keluaran mencerminkan tipe MIME sebenarnya dari file sumber.
Is my data safe when using the Gambar ke Base64?
Completely safe. The Gambar ke Base64 processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
What image formats does the Gambar ke Base64 support?
The Gambar ke Base64 works with common image formats supported by your browser, including JPEG, PNG, WebP, and GIF. SVG support varies by tool. No format conversion plugin or driver is needed.
Does the Gambar ke Base64 work with large image files?
Yes. The Gambar ke Base64 processes files entirely in your browser using the Canvas API. Very large files (over 20 MB) may take a few extra seconds on older or lower-powered devices. Closing other tabs can free up memory for better performance.