Parameter URL Blogger Untuk Manipulasi Gambar

manipulasi gambar URL blogger
Manipulasi gambar Blogger

Blogger menawarkan fitur memanipulasi gambar dasar seperti resize dan crop untuk gambar yang diunggah ke platformnya. Panduan ini berguna bagi pengembang template Blogger agar mengetahui cara memanipulasi gambar dengan Parameter Struktur URL Blogger atau bagi yang ingin menghosting gambarnya di Blogger.



Gambar Original


Setelah gambar diunggah ke postingan dan kamu memilih original size, URL gambar akan seperti ini:

https://4.bp.blogspot.com/-llB0nz9qT5w/W-jIOixItJI/AAAAAAAACk8/n-oogmzE_ik5wsu61ZBH1VUzXZee_w6xwCLcBGAs/s1600/10102010050.jpg


Teks s1600 di URL memberitahukan Blogger bahwa kamu ingin gambar ukuran orginal.

Perhatian:
Untuk gambar yang sangat besar, misalnya gambar fotografi, Blogger hanya menampilkan ukuran maksimal s1600. Untuk kasus ini, kamu harus memperbesar ukuran agar sama dengan tinggi gambar yang sebenarnya. Misalnya jika gambar memiliki tinggi 5000px, maka kamu harus memberikan nilai s5000 pada URL.

Resize


Lebar Maksimal


Jika kamu ingin menampilkan gambar dengan lebar tidak lebih dari 200px (tinggi otomatis), ganti s1600 dengan w200 seperti dibawah:

https://4.bp.blogspot.com/-llB0nz9qT5w/W-jIOixItJI/AAAAAAAACk8/n-oogmzE_ik5wsu61ZBH1VUzXZee_w6xwCLcBGAs/w200/10102010050.jpg

manipulasi gambar URL blogger

Tinggi Maksimal


Mirip seperti parameter sebelumnya, jika ingin menampilkan gambar dengan tinggi tidak lebih dari 150px (lebar otomatis), ganti s1600 dengan h200 seperti dibawah:

https://4.bp.blogspot.com/-llB0nz9qT5w/W-jIOixItJI/AAAAAAAACk8/n-oogmzE_ik5wsu61ZBH1VUzXZee_w6xwCLcBGAs/h200/10102010050.jpg

manipulasi gambar URL blogger

Lebar dan Tinggi Maksimal Tertentu


Jika kamu ingin menentukan lebar dan tinggi tertentu, contohnya: TIDAK LEBIH dari 200px untuk lebarnya dan 150px untuk tingginya, kamu harus mengganti s1600 dengan w200-h150.

https://4.bp.blogspot.com/-llB0nz9qT5w/W-jIOixItJI/AAAAAAAACk8/n-oogmzE_ik5wsu61ZBH1VUzXZee_w6xwCLcBGAs/w200-h150/10102010050.jpg

manipulasi gambar URL blogger

Crop


Center Cropping


Jika kamu ingin memangkas gambar dengan lebar dan tinggi tertentu, contohnya 300px lebarnya dan 100px tingginya, ganti s1600 dengan w300-h100-c. Opsi -c diakhir menandakan crop.

https://4.bp.blogspot.com/-llB0nz9qT5w/W-jIOixItJI/AAAAAAAACk8/n-oogmzE_ik5wsu61ZBH1VUzXZee_w6xwCLcBGAs/w300-h100-c/10102010050.jpg

manipulasi gambar URL blogger

Untuk memangkas gambar berbentuk persegi, contohnya 300px untuk lebar dan tingginya, ganti s1600 dengan s300-c. URLnya seperti berikut:

https://4.bp.blogspot.com/-llB0nz9qT5w/W-jIOixItJI/AAAAAAAACk8/n-oogmzE_ik5wsu61ZBH1VUzXZee_w6xwCLcBGAs/s300-c/10102010050.jpg

manipulasi gambar URL blogger

Center Cropping dengan Circular Mask


Untuk memangkas gambar dengan circular mask (melingkar), tambahkan -cc diakhir. Misalnya:

https://4.bp.blogspot.com/-llB0nz9qT5w/W-jIOixItJI/AAAAAAAACk8/n-oogmzE_ik5wsu61ZBH1VUzXZee_w6xwCLcBGAs/s300-cc/10102010050.jpg

manipulasi gambar URL blogger

Gambar Langsung Diunduh


Jika kamu ingin memberikan link unduhan untuk gambar, tambahkan -d setelah ukuran:

https://4.bp.blogspot.com/-llB0nz9qT5w/W-jIOixItJI/AAAAAAAACk8/n-oogmzE_ik5wsu61ZBH1VUzXZee_w6xwCLcBGAs/s1600-d/10102010050.jpg


0 Comments

Posting Komentar