Merubah File Gambar Menjadi Base64 String

Pada kesempatan kali ini saya akan share cara menrubah file gambar menjadi base64 string. Mungkin sobat sudah banyak yang tau tentang cara ini dan apa itu base64, kalau mau cari sendiri ya di om 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 gamabr 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 mohon dimaklumi karena saya tidak berkutat dibidang coding/programer karena saya seorang gamer heeheh :>).. Jadi bagi sobat yang paham dengan base64 bisa tolong dibantu bagi teman-teman yang lainya..
Oke langsung saja cara merubah gambar menjadi base64.
  1. Buka alamat ini http://webcodertools.com/imagetobase64converter tools dari Mads Kristensen
  2. Klik tombol Browser kemudian pilih gambar dari komputer sobat yang akan dirubah kedalam base64 kemudian klik Open
    image1
  3. Kemudian klik Upload, tunggu sampai proses selesai. Berikut adalah contoh gambar yang telah selesai dirubah kedalam bentuk base64
    image2
  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 Merubah File Gambar Menjadi Base64 String, semoga bermnafaat untuk kita semua.

"Selamat Hari Raya Idul Fitri 1434 H, Mohon Maaf Lahir dan Batin"

1 komentar:

Posting Komentar

Catatan: (memasukan item pada komentar)
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

Link aktif akan dimatikan secara otomatis.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Back to Top