Namun ada beberapa blogger yang malah belum memanfaatkan fasilitas hosting gambar gratis dan unlimited dari blogger ini. Masih ada blogger yang masih menyimpan gambar-gambarnya di pihak ketiga.
Tentu saja hal tersebut sebenarnya tidak jadi masalah besar, namun ada beberapa kode Blogger yang tidak support hosting gambar pihak lain seperti kode untuk thumbnail post.
Untuk itu, disarankan untuk gambar-gambar postingan silahkan upload langsung di postingan. Tidak perlu khawatir untuk ruang penyimpanannya karena disediakan ruang unlimited.
Begitu pun untuk gambar-gambar untuk keperluan lain seperti favicon, manifest.json, logo blog, dan lainnya, silahkan upload di Blogger saja.
Biasanya URL gambar yang dihosting di Blogger atau yang diupload di postingan akan tampak seperti berikut ini.
https://1.bp.blogspot.com/xxxxxxxx/xxxxxxxx/xxxxxxxx/s..../gambar.png
Blogger menyediakan 4 buah domain untuk hosting gambar, yaitu https://1.bp.blogspot.com, https://2.bp.blogspot.com, https://3.bp.blogspot.com, dan https://4.bp.blogspot.com.Perhatikan kode
s....
yang ditandai, di kode itulah kita bisa memodifikasi gambar dengan param-param berikut.Daftar param untuk memodifikasi gambar Blogger
1. s (square atau mungkin size), artinya persegi. Secara default, Blogger menggunakan param s untuk gambar yang diupluad di postingan. Param s biasanya diikuti dengan nilai yang menunjukan ukuran gambar dalam pixel, diambil dari sisi yang paling besar. Jika persegi horizontal, maka diambil nilai lebar. Jika persegi vertical, maka diambil nilai tingginya.Contoh:
s320
Jika ingin ukuran sesuai aslinya bisa menggunakan nilai sesuai lebar atau tinggi aslinya yang memiliki nilai paling besar, misal
s3250
atau bisa menggunakan s0
.2. w (width), artinya lebar. Untuk menentukan lebar yang diinginkan, misal
w320
.3. h (height), artinya tinggi. Unyuk menentukan tinggi yang diinginkan, misal
h320
.Jika w dan h digabungkan, maka yang diambil adalah nilai h, misal
w500-h100
maka yang menjadi patokan adalah nilai h dan lebarnya w akan mengikuti perbandingannya.4. c (crop), artinya memotong. Untuk memotong gambar pada bagian atas sesuai nilai yang ditentukan oleh param lain di depannya. Misal:
s320-c
akan memotong persegi dengan lebar dan tinggi 320px di bagian atas gambar, w320-h100-c
akan memotong dengan lebar 320px dan tinggi 100px di bagian atas gambar.5. n adalah sama dengan c namun memotongnya pas di tengah-tengah.
6. p adalah sama dengan n dan c namun memotongnya mulai dari titik tengah gambar.
7. cc (circle crop), artinya memotong bulat dan sisi luarnya akan menjadi daerah putih.
s320-cc
adalah bulatan dengan diameter 320px, w500-h750-cc
adalah bulatan dengan diameter 500px (diambil nilai terkecil).8. nu berguna untuk mencegah perubahan ukuran gambar yang lebih besar dari dimensi aslinya. Misalnya, jika lebar gambar asli adalah 600 piksel, maka meskipun menentukan lebar yang lebih besar misalnya
w1600-nu
, maka gambar tidak akan lebih besar dari lebar asli.9. fv (flip vertikal) membalikan gambar secara vertikal, misal
s320-fv
10. fh (flip horizontal) membalikan gambar secara horizontal, misal
s320-fh
11. r (rotate) memutar gambar untuk nilai 90, 180, atau 270, misal
s320-r90
maka gambar akan miring ke kanan 90 derajat.12. rj untuk merubah format gambar dari PNG atau GIF menjadi JPG.
13. rp untuk merubah format gambar dari JPG atau GIF menjadi PNG.
14. rw untuk merubah format gambar dari JPG atau PNG menjadi WEBP.
15. rh untuk merubah format GIF menjadi MP4 sehingga bisa menjadi source pada tag
<video>
HTML5.Contoh:
<video controls>
<source src="https://1.bp.blogspot.com/xxxxxxxx/xxxxxxxx/xxxxxxxx/s500-rh/gambar.gif" type="video/mp4">
</video>
16. l untuk kompres kualitas gambar, misal s320-rj-l85
maka gambar akan menjadi format JPG dengan kualitas 85% dengan size 320px.17. d (download) berfungsi untuk mendownload gambar ketika URL gambar tersebut digunakan sebagai link, misal
s320-d
.Demikian beberapa param yang mungkin berguna untuk memodifikasi gambar yang diupload di postingan.
Semoga bermanfaat.