Base64 Encode merupakan Salah satu cara optimasi kecepatan loading sebuah blog/website adalah mengkompres atau memperkecil ukuran (size) gambar, selain resize maka salah satu untuk lebih meringankan size adalah mengkonversikannya ke encode base64. Kegunaan tool ini adalah merubah gambar menjadi kumpulan kode berupa angka dan huruf, jadi kita tidak dapat membacanya.
Cara Menggunakan Tools Image URL to Base64
- Pertama, Copy Link Gambar Yang Ingin Anda Konversi ke Base64
- Lalu Paste Pada Kolom Url dibawah
- Kemudian Klik SUBMIT
- Selanjutnya, Copy hasil Encoding pada Textarea
- Terakhir, tinggal anda aplikasikan ke kode CSS atau HTML.
Contoh Mengaplikasikan URL Gambar Yang Telah DiKonvert
Ini Contoh Skema Url Base64,
data:image/jpeg;base64 atau
data:image/png;base64
Kode HTML untuk tag Image <img>
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgAB...">
Penempatan CSS Background Gambar
body {background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgAB...');}