Beranda

Parameter Gambar Blogger

Table of Contents
  1. Struktur URL Gambar
  2. Parameter URL Gambar
    1. Ukuran
    2. Rotasi
    3. Crop Gambar
    4. Format
    5. GIF
    6. Pengoptimalan
  3. Referensi Link

Halaman Ini adalah ringkasan dokumentasi tentang parameter URL gambar Google (Blogger/Blogspot). Beberapa opsi ini diambil dari dokumentasi pihak pertama atau ketiga yang ada (lihat tautan di bagian akhir dokumen ini)

Struktur URL Umum

Info: Gambar diunggah ke Foto Google

https://lh3.googleusercontent.com/xxxxx=parameter

Info: Gambar diunggah dari widget Header atau Gambar Blogger

https://blogger.googleusercontent.com/img/a/xxxxx=parameter

Info: Gambar diunggah dari editor posting blogger

https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/parameter/example.png

Info: Gambar server Blogger lama

https://x.bp.blogspot.com/xxxxx/parameter/example.png

xxxxx merupakan string dalam URL gambar blogger, karena terlalu panjang jadi dalam contoh kasus ini kita ganti menjadi xxxxx agar lebih simpel.

Parameter URL Gambar Google/Blogger

Dalam semua kasus parameter adalah tempat di mana kita dapat menulis parameter gambar Google.

Parameter dapat digabungkan dengan menggabungkan tanda hubung, misalnya: w200-h100-c

Keterangan: # mewakili angka; * digunakan sebagai wildcard, artinya apapun bisa mengikuti.

Ubah Ukuran

Parameter Sintaks Keterangan
w w# Lebar, jika nilainya adalah 0 lebar asli yang digunakan
h h# Tinggi, jika nilainya adalah 0 lebar asli yang digunakan
s s# Skala (tinggi dan lebar), jika nilainya adalah 0 skala asli yang digunakan
nu *-nu Skala terbatas pada ukuran aslinya.
s w#-h#-s Paksa skala. Membutuhkan w#dan h#dan mengabaikan parameternu 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/w400/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/h400/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s800/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s800-nu/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/w400-h120-s/example.png

Ubah Rotasi

Parameter Sintaks Keterangan
fh *-fh Membalik gambar secara horizontal
fv *-fv Membalik gambar secara vertikal
r *-r# Putar gambar dalam 90, 180 dan 270 derajat 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s300-fh/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s300-fv/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s300-r90/example.png

Crop Gambar

Parameter Sintaks Keterangan
c *-c Crop gambar menjadi persegi (Kedua sisi dipotong). jika parameter w# dan h# ada, pemotongan akan mengikuti ukuran yang diberikan sambil mempertahankan rasio aspek.
ci *-ci Crop gambar dari atas dalam bentuk persegi
cc *-cc Crop gambar menjadi lingkaran. Jika gambarnya PNG dan GIF, latar belakangnya akan transparan
n w#-h#-n Crop gambar dari tengah, membutuhkan w# dan h#
p *-p Crop gambar dengan fokus yang berbeda, AI algoritme. Terutama dalam mencari wajah. Dinama crop akan transisi berada ditengah objek wajah 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/w400-h200-c/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s300-ci/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s300-cc/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/w400-h200-n/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/w400-h200-p/example.png

Format Gambar

Parameter Sintaks Keterangan
rj *-rj Gambar akan berformat JPG
rp *-rp Gambar akan berformat PNG
rg *-rg Gambar akan berformat GIF
rw *-rw Gambar akan berformat WEBP
h *-h Gambar akan berformat HTML
d *-d Gambar akan di unduh secara langsung 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s600-rj/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s600-rp/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s600-rg/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s600-rw/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s600-h/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s600-d/example.png

Format GIF

Parameter Sintaks Keterangan
k *-k Menampilkan frame pertama dengan ikon "Play".
a *-a Menampilkan frame tertentu dengan ikon "Play".
no *-no Nonaktifkan ikon "Play". Parameter ini digabungkan dengan *-k atau *-a#
rh s#-rh GIF akan berformat MP4 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-k/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-a88/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-k-no/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-rh/example.png

Pengoptimalan URL Gambar

Parameter Sintaks Keterangan
ft *-ft Menerapkan kompresi lossless untuk JPEG tanpa menurunkan kualitas gambar, diterapkan secara otomatis saat gambar diproses.
l *-l# Mengoptimalkan gambar dalam format JPEG dan WebP menggunakan metode kompresi lossy. [itu huruf kecil L]
v *-v# Kompresi lossy alternatif yang dibatasi hingga 4 level, di mana 3 nilai lossy terbanyak dan 0nilai lossy terkecil untuk WebP dan JPEG.
e *-e# Menentukan file dapat di-cache oleh browser. Jumlah # dalam hari yang diinginkan. 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-ft/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-l80/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-rw-v3/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-e30/example.png