Mudahnya memanipulasi ukuran gambar Blogger

Mudahnya memanipulasi ukuran gambar BloggerShare on FacebookTwitterTwitter
Beruntungnya kita yang memakai Blogger, karena kita bisa merubah ukuran Gambar tanpa harus membuat gambar baru, selain itu gambar yang di upload ke blogger dapat kita akses menggunakan HTTPS.

Batasan gambar pada Blogger

Blogger menyimpan gambar mereka menggunakan PICASA untuk akun dengan profile Blogger, dengan batasan penyimpanan sampai 1GB, Sedangkan untuk akun yang menggunakan Profile Google+ mendapatkan 15GB yang terbagi untuk semua akun google, termasuk Google drive, Email, dan blogger itu sendiri.

Aturan URL File Gambar

Setiap gambar yang kita upload ke blogger, pasti akan mempunyai ukuran default 1600 dan biasanya menghasilkan URL : http://../.../s1600/...jpg.png.gif.etc

Berikut ini ShortCode URL Image Blogger yang ane ketahui:
  • s = Size ( default : s1600 )
  • w = Width
  • h = Height
  • c = Cropping
  • r = Resize

Manipulasi Ukuran Gambar

Dengan mengetahui shortcode itu, kita bisa mengoptimalkan gambar agar tidak terlalu berat, dan tanpa perlu memaksa untuk meperkecil gambar menggunakan CSS.

Suatu contoh, ane punya gambar dengan URL berikut ( Original Gambar = s1600 ):
http://4.bp.blogspot.com/-RNYtUxwPALI/ViIe2JPiZAI/AAAAAAAAANE/QVY5NFw8kxM/s1600/car.jpg

car

Lihat perbedaan Gambar jika ane rubah URL gambar tersebut

Size 400px

  • Shortcode = s400
  • Perubahan URL = http://4.bp.blogspot.com/-RNYtUxwPALI/ViIe2JPiZAI/AAAAAAAAANE/QVY5NFw8kxM/s400/car.jpg
car

Height = 200px

  • Shortcode = h200
  • Perubahan URL = http://4.bp.blogspot.com/-RNYtUxwPALI/ViIe2JPiZAI/AAAAAAAAANE/QVY5NFw8kxM/h200/car.jpg

car

Width = 300px, Height = 300px kemudian ane Cropping

  • Shortcode = w300-h300-c
  • Perubahan URL = http://4.bp.blogspot.com/-RNYtUxwPALI/ViIe2JPiZAI/AAAAAAAAANE/QVY5NFw8kxM/w300-h300-c/car.jpg
car

Mudah bukan, silahkan agan bereksperimen sendiri dengan URL gambar yang ada pada blogger, jadi ane sarankan mulai saat ini, agan jangan memperkecil ukuran gambar blogger menggunakan CSS, walaupun gambar tersebut hasilnya sama, tapi beban loadingnya akan berbeda ^_^