Ini berawal ketika saya ingin merubah gambar logo title blog menjadi format Data:Image/png;base64, pada dasarnya saya belum tahu kalau url gambar yang berawalkan Data:image/png;Base64, ini nama aslinya adalah hanya Base64, tapi setelah saya cari tahu di google akhirnya saya mengerti.
Apa gunanya Base64 kegunaannya adalah untuk mengoptimalkan gambar seperti JPG, GIF, PNG agar lebih ringan dan tidak memberatkan loading sebuah website.
Untuk itu Base64 sering digunakan oleh website, dan media sosial seperti Facebook dll.
Nah bagi kalian loading blognya berat akibat gambar mungkin bisa dengan solusi ini.
Silahkan Ke Situs Online Base64 Gambar Encoder / Decoder penampakannya seperti gambar di atas.
Setelah terbuka klik Pilih File, maka akan terbuka file komputer kalian, silahkan pilih gambar yang ingin di jadikan Base64.
Setelah Terpilih lalu klik Encode/Decode, maka Online Base64 Gambar Encoder / Decoder akan memberikan Preview Gambar kalian dan Code Base64nya.
- RAW
- HTML
- CSS
Url Gambarnya mulai dari data:image/png;base64 sampai dengan sebelum penutup "/>Lebih simplenya hanya di kotak RAW.
Banyaknya Code yang diberikan tergantung besarnya gambar kalian. Saya sarankan gunakanlah untuk gambar logo atau kecil. Untuk mengoptimalkan Gambar postingan mungkin dengan Compress gambar DISINI sudah cukup. tapi terpulang pada klian saja, menggunakan Base64 pada gambar juga tidak dilarang :D
Sebelum gambar dirubah ke Base64 sebaiknya di Compress dulu dengan Compress gambar di atas, agar lebih maknyozz...
Cukup sekian dari saya, semoga bermanfa'an untuk semua.
Baca Juga :
- Tempat Kompress Gambar Online
- Membuat Menu Tanpa CSS dan Java Scrips
- Cara Merubah Numbered List Dan Bullet List Blog