URL Gambar Postingan Blogger
Membahas parameter URL pada gambar yang diupload dipostingan Blogger.
Gambar yang diupload langsung di editor postingan akan menghasilkan parameter URL yang berbeda untuk atribut src pada tag <img/>. Parameter ini berfungsi untuk menyesuaikan setiap opsi ukuran gambar (images sizes).
Tabel dibawah ini menampilkan ukuran default parameter URL gambar pada opsi penyematannya.
| Opsi ukuran | Kode path URL | width (px) |
|---|---|---|
| Kecil | s200 | 200px |
| Sedang | s320 | 320px |
| Besar | s400 | 400px |
| Ekstra besar | s600 | 600px |
| Ukuran asli | s1600 | ukuran asli file |
Untuk opsi Ukuran asli meskipun kode path-nya tertera s1600 bukan berarti gambar ditampilkan dengan width: 1600px. Kode path s1600 ini merupakan parameter untuk mewakili ukuran asli gambar yang berfariasi.
Sebagai contoh berikut ini kode file gambar screenshot Opsi Ukuran diatas:Ukuran file asli adalah 232px parameter URLnya ditunjukkan dengan kode path s1600
Mengubah parameter URL
Jika kode diatas menjelaskan parameter URL untuk Opsi Ukuran gambar, selanjutnya dibawah ini menjelaskan cara mengubah parameter URL tersebut secara manual.
Targetnya masih sama, yaitu kode path URL yang ditandai warna kuning. Untuk mengubah ukuran gambar secara manual masukkan angka / ukuran yang diinginkan tanpa menghilangkan huruf "s" karena karakter huruf s tersebut merupakan deklarasi parameter untuk sizes atau ukuran gambar.
<img alt='' src='https://blogger.googleusercontent.com/img/b/.../s1600/image.webp' />Kode pada URL gambar tersebut dapat diubah untuk menyesuaikan ukuran gambar.
Untuk menguji sendiri:
tambahkan gambar dipostingan atau jika sudah terdapat gambar dalam postingan, copy-paste HTML gambar tersebut atau langsung ubah kode path URLnya sesuai kebutuhan lalu preview untuk melihat hasilnya.
Dengan adanya parameter URL pada URL gambar postingan itulah yang menjadikan gambar postingan memiliki fitur ubah ukuran pada elemen gambar di postingan Blogger. Fitur ini bisa dimanfaatkan untuk menyediakan gambar responsive dengan ukuran berbeda-beda.
Contoh gambar postingan
Semua gambar yang tampil dibawah ini, termasuk juga gambar pertama postingan ini merupakan 1 file yang sama tetapi ditampilkan berulang dengan cara copy-paste kemudian diubah parameter URL-nya sesuai penjelasan diatas. Meskipun dalam tag HTMLnya tidak disertakan atribut widht dan height akan tetap ditampilkan sesuai parameter yang dimasukkan.
