Cara Mengubah File Gambar Menjadi Base64 String. Mungkin sobat sudah banyak yang tau tentang cara ini dan apa itu base64, kalau mau cari sendiri ya di embah google...
Disini kita akan merubah gambar kedalam bentuk base64 yang
bertujuan untuk mengurangi permintaan http atau server lain ketika membuka sebuah halaman website atau blog. Tapi saya sarankan untuk sobat yang menggunakan metode ini lebih baik diterapkan pada gambar yang memiliki size kurang dari
10 kb. kenapa? karena jika terlalu besar maka akan menambah ukuran page size website itu sendiri..Misalnya ukuran halaman yang tadinya
50 kb ketika ditambahkan dengan file gambar dengan ukuran
20 kb yang sudah dijadikan base64, maka otomatis ukuran halaman tersebut menjadi
70 kb.. karena gambar yang sudah dijadikan base64 tadi disimpan langsung kedalam template dan tidak menggunakan URL dari server lain. Contoh saya menggunakan metone ini untuk gambar yang berukuran kecil saja, seperti animasi loading, logo MDF dan beberapa gambar lainya dengan maksud untuk mengurangi permintaan/request dari server lain sehingga membuat loading sedikit lebih cepat. Tapi semua tergantung sobat mau file gambar yang berukuran besar dijadikan base64 juga tidak apa apa, cuma yaaaaa itu tadi resiko ditanggung blog itu sendiri page size menjadi lebih besar..
Saya yakin diantara sobat masih ada yang bingung dengan penjelasan saya ini, begitupun saya karena saya sendiri belum begitu memahami cara kerja dari base64 ini, jadi untuk itu silahkan dicoba saja sob, dan lihat perbedaannya, tapi perbedannya ngga bisa dilihat dengan mata telanjang sob, hehe harus dengan
GTmetrix.
Oke langsung saja
Cara Mengubah File Gambar Menjadi Base64 String.
1. Buka alamat ini http://webcodertools.com/imagetobase64converter tools dari Mads Kristensen
2. Klik tombol Browser kemudian pilih gambar dari komputer sobat yang akan diubah kedalam base64 kemudian klik open
3. Kemudian klik Upload, tunggu sampai proses selesai. Berikut adalah contoh gambar yang telah selesai diubah kedalam bentuk base64
4. Silahkan dilihat, disitu ada contoh cara penerapan untuk image tag dan css background, tinggal sobat pilih saja.
Keterangan lebih lanjut.
Image tag » biasanya digunakan untuk gambar yang mengandung atau yang ingin diberi link
CSS background » digunakan untuk memberikan background dengan gambar pada sebuah elemen
Contoh URL gambar dalam bentuk base64 dengan ukuran gambar
12.4 kb
data:image/png;base64,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
URL tersebut lah yang digunakan layaknya URL gambar biasa...
Lumayan panjang broo kalau dicopy kedalam file word bisa jadi 3 halaman lebih..
Berikut sedikit pembahasan tentang
Cara Mengubah File Gambar Menjadi Base64 String, semoga bermnafaat untuk kita semua.
Sumber : http://mdf-blog.blogspot.com/2013/08/merubah-file-gambar-menjadi-base64.html
Artikel Keren Lainnya:
pertanax sob hehe
BalasHapusselamat ya sob, thanks for visiting
HapusMantappp nih.. :D
BalasHapus--Blogwalking ridwan-hex.blogspot.com
oke gan
HapusNice mas! :)
Hapusthanks sudah berkunjung sob
Hapus