Ditulis oleh: Ditulis pada: 7/27/2019
Kumpulan Param Untuk Memodifikasi Gambar Blogger Melalui URL - Blogger.com adalah platform blogging yang disediakan gratis oleh Google. Dan ruang yang disediakan unlimited, termasuk untuk penyimpanan gambar.
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.
Jika kurang paham cara mengambil URL gambar yang dihosting di Blogger, saya sudah membuatkan videonya, silahkan ditonton agar lebih mengerti.
Dan pada URL gambar yang disimpan di Blogger, ada beberapa param yang bisa memudahkan kita untuk memodifikasi gambar.
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.pngBlogger 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.