Menambahkan gambar pada postingan blog memang sangatlah penting, dengan mengupload gambar ke artikel akan sangat bermanfaat demi menarik para pengunjung ke blog kita. Tetapi terkadang gara-gara gambar juga atikel kita jadi lama loadnya.
Padahal kalau di blogger, tempat untuk menyimpan gambar itu tidak terbatas, cukup dengan menggunakan fitur upload image, maka kalian sudah bisa menempatkan gambar dimana saja pada artikel kalian.
Akan tetapi sebenarnya tidaklah semudah itu, gambar itu sendiri sebaiknya diolah kembali agar membuat artikel kita menjadi ringan. Hanya perlu mengulik sedikit, maka gambar kita bisa sesuai dengan keinginan blogger.
Oke sebelum membahas optimasi gambar pada blog, sebaiknya kalian membaca artikel mamang sebelumnya mengenai, Cara Mengatasi Pembatasan Penayangan Iklan Adsense
Parameter URL Image Untuk Blogger
Setiap kali kita mengunggah gambar pada postingan blog, biasakan untuk melihat postingan artikel kita di mode HTML sebelum di publish.
Maka akan terlihat URL gambar kita dimulai dari https://1.bp.blogspot.com, https://2.bp.blogspot.com, https://3.bp.blogspot.com dan https://4.bp.blogspot.com.
Contohnya seperti berikut:
https://1.bp.blogspot.com/-xxxxxxxxx/xxxxxxxxxx/xxxxxxxxxxxx/xxxxxxxxxxxxxxxxxxxxxxx/Sxxxxx/image.jpg" width="320Perhatikan kode Sxxxxx, maka kita akan sedikit mengetahui tentang manfaat dari kode tersebut. Bahkan ada beberapa kode lagi yang masih kita modifikasi seusai dengan keinginan kita dan sesuai dengan postingan atau artikel yang kalian buat.
Daftar Parameter URL Image Blogger Yang Bisa Di Modifikasi
1. S (Size/Square) untuk parameter S dalam gambar diblogger mungkin bisa diartikel size atau ukuran. Biasanya akan diikuti dengan beberapa angka dibelakanganya.
Contoh: S1600
Biasanya ini adalah ukuran standar yang dikeluarkan oleh blogger saat pertama kali kita mengunggah ke dalam postingan. Ukuran ini bisa juga diperkecil atau bahkan diperbesar. Misal menjadi S320
2. W (Width) atau lebar, kalau yang ini pasti sudah sangat paham, yaitu ukuran lebar yang ditampilkan di postingan artikel kita
3. H (Height) atau tinggi, ini pun sudah pasti paham, tiada lain adalah ukuran tinggi image kita di dalam artikel yang akan ditampilkan.
4 C (Cut) atau Cut, nah ini mungkin yang masih pada awam termasuk mamang, ternyata gambar atau image pada blogger bisa dipotong sesuai dengan keinginan kita, Misal s240-c, maka perintah ini berarti memotong gambar dari tinggi dan lebar sebanyak 240px. Lalu s240-c300, kalau yang satu berati memotong lebar 240px dan tinggi 300 px.
5. N mirip dengan c tetapi untuk perintah n memotongnya dari tengah
6. P perintah ini hampir sama dengan c dan p namun memotong dari titik yang bisa kita tentukan atau midpoint.
7. CC (Crop Circle) perintah ini berguna untuk memotong gambar dengan hasilnya menjadi lingkaran. Contoh s320-cc maka akan membentuk lingkaran dengan diameter 320px.
8. FV (Vertical Flip) berguna untuk membalikan gambar secara vertikal. Contoh perintah s320-fv
9. FH (Vertical Horizontal) Untuk membalikan gambar secara horizontal. Contoh s320-fh
10. R (Rotate) utnuk membuat gambar sesuai dengan keinginan kita. Contoh perintah memutar gambar 90 derajat, s320-r90
11 RJ, merubah gambar yang semula berformat PNG atau GIF ke JPG
12. RP, merubah gambar yang semula berformat JPG atau GIF ke PNG
13. RW, merubah gambar yang semula berformat JPG atau PNG ke WebP
14. RH, merubah gambar yang semula berformat GIF menjadi MP4.
15. L, berfungsi untuk mengkompres gambar di postingan.
Contoh yang sering dipakai di blog agar load blog kita menjadi ringan, s1600-rw-l85, artinya gambar berukuran 1600px dikonversi menjadi WEBP dengan kompress gambar sebanyak 85 persen.
Maka permuatan atau rendering Gambar (Image) sangatlah penting bagi blog, karena semakin cepat kecapatan sebuah web tampil full semakin baik juga rangking dari google. Bukan hanya itu, pengunjung akan segera meninggalkan blog kita, apabila proses pemuatan blognya lambat sangat.
Semoga bermanfaat.
Contoh: S1600
Biasanya ini adalah ukuran standar yang dikeluarkan oleh blogger saat pertama kali kita mengunggah ke dalam postingan. Ukuran ini bisa juga diperkecil atau bahkan diperbesar. Misal menjadi S320
2. W (Width) atau lebar, kalau yang ini pasti sudah sangat paham, yaitu ukuran lebar yang ditampilkan di postingan artikel kita
3. H (Height) atau tinggi, ini pun sudah pasti paham, tiada lain adalah ukuran tinggi image kita di dalam artikel yang akan ditampilkan.
4 C (Cut) atau Cut, nah ini mungkin yang masih pada awam termasuk mamang, ternyata gambar atau image pada blogger bisa dipotong sesuai dengan keinginan kita, Misal s240-c, maka perintah ini berarti memotong gambar dari tinggi dan lebar sebanyak 240px. Lalu s240-c300, kalau yang satu berati memotong lebar 240px dan tinggi 300 px.
5. N mirip dengan c tetapi untuk perintah n memotongnya dari tengah
6. P perintah ini hampir sama dengan c dan p namun memotong dari titik yang bisa kita tentukan atau midpoint.
7. CC (Crop Circle) perintah ini berguna untuk memotong gambar dengan hasilnya menjadi lingkaran. Contoh s320-cc maka akan membentuk lingkaran dengan diameter 320px.
8. FV (Vertical Flip) berguna untuk membalikan gambar secara vertikal. Contoh perintah s320-fv
9. FH (Vertical Horizontal) Untuk membalikan gambar secara horizontal. Contoh s320-fh
10. R (Rotate) utnuk membuat gambar sesuai dengan keinginan kita. Contoh perintah memutar gambar 90 derajat, s320-r90
11 RJ, merubah gambar yang semula berformat PNG atau GIF ke JPG
12. RP, merubah gambar yang semula berformat JPG atau GIF ke PNG
13. RW, merubah gambar yang semula berformat JPG atau PNG ke WebP
14. RH, merubah gambar yang semula berformat GIF menjadi MP4.
15. L, berfungsi untuk mengkompres gambar di postingan.
Contoh yang sering dipakai di blog agar load blog kita menjadi ringan, s1600-rw-l85, artinya gambar berukuran 1600px dikonversi menjadi WEBP dengan kompress gambar sebanyak 85 persen.
Maka permuatan atau rendering Gambar (Image) sangatlah penting bagi blog, karena semakin cepat kecapatan sebuah web tampil full semakin baik juga rangking dari google. Bukan hanya itu, pengunjung akan segera meninggalkan blog kita, apabila proses pemuatan blognya lambat sangat.
Semoga bermanfaat.
