Widget HTML #1

Cara mengatur ukuran lebar dan tinggi gambar diblogger


CARA MENGGUNAKAN PARAMETER STRUKTUR URL PADA GAMBAR BLOG





Selamat Datang di Blog Orang IT . Pada kesempatan kali ini saya akan share tips bagaimana cara terbaik untuk memotong dan mengubah ukuran gambar diblogger , biasanya kita memotong gambar sesuai keinginan padahal kita juga bisa memotong tampilan gambar yang terlihat dari artikel blog langsung dengan menambahkan url parameter dilink gambar pada mode HTML . Mungkin banyak yang belum tahu jadi silahkan lanjutkan membaca






Original gambar



Setelah
Anda mengupload gambar ke posting , dan memilih untuk
menampilkannya sebagai aslinya, URL gambar Anda akan seperti di bawah
ini lihat dimode HTML post





https://lh5.googleusercontent.com/-IBDLtqPDdE4/VaDvj4_9T0I/AAAAAAAAK54/6P2S800iWJE/s1600/sneeit-logo.png




Teks / s1600 / URL akan menampilkan cuplikan gambar dari hosting gambar Blogger / Blogspot yang Anda inginkan dalam versi ukuran asli gambar.
 


Dalam beberapa kasus khusus, Blogger hanya akan
menampilkan versi kecil s1600 untuk gambar yang sangat panjang /
besar (contoh: gambar infografis).
Dalam hal ini,
Anda harus meningkatkan ukuran agar sama dengan tinggi gambar Anda untuk
mengakses versi asli asli, contoh: s5000 jika tinggi gambar Anda 5000
piksel.





Spesifik max width



Jika Anda
ingin memuat gambar yang TIDAK LEBIH BESAR dari lebar 200px (tinggi
otomatis), Anda akan mengganti s1600 menjadi w200 seperti di bawah ini:





https://lh5.googleusercontent.com/-IBDLtqPDdE4/VaDvj4_9T0I/AAAAAAAAK54/6P2S800iWJE/w200/sneeit-logo.png




Jika
lebar yang Anda tetapkan di URL lebih besar dari pada lebar aslinya, hosting
gambar Blogger / Blogspot akan mengembalikan versi ukuran aslinya.
Itu sebabnya saya menyebutnya "Max Width".





Spesifik max height 



Mirip
dengan parameter max width, jika Anda ingin memuat gambar yang
TIDAK LEBIH BESAR dari ketinggian 30px, Anda bisa mengganti s1600 menjadi h30:





https://lh5.googleusercontent.com/-IBDLtqPDdE4/VaDvj4_9T0I/AAAAAAAAK54/6P2S800iWJE/h30/sneeit-logo.png 




Jika Anda menetapkan nilai tinggi maksimal yang lebih besar dari nilai tinggi asli, versi ukuran asli akan dikembalikan.





Spesifix max width and max height



Jika
Anda ingin memuat versi dengan spesifik untuk lebar maks dan tinggi
maks, contoh: TIDAK LEBIH BESAR dari 200px dengan lebar dan TIDAK lebih
tinggi dari 30px, Anda akan mengganti s1600 menjadi w200-h30:





https://lh5.googleusercontent.com/-IBDLtqPDdE4/VaDvj4_9T0I/AAAAAAAAK54/6P2S800iWJE/w200-h30/sneeit-logo.png




Versi
kembali akan memiliki lebar tidak lebih besar dari 200px dan tinggi
tidak lebih besar dari 30px dan juga menjaga rasio skala versi asli.





Center crop image



Jika
Anda ingin memuat gambar dengan lebar dan tinggi PERSIS, contoh 300px
dengan lebar dan tinggi 100px, Anda harus mengganti s1600 menjadi
w300-h100-c. Teks -c di akhir adalah "crop". URL finalnya adalah:





 https://lh5.googleusercontent.com/-IBDLtqPDdE4/VaDvj4_9T0I/AAAAAAAAK54/6P2S800iWJE/w300-h100-c/sneeit-logo.png




Jika
ingin memangkas gambar sebagai SQUARE, misalnya, memuat ukuran 300px
dengan lebar dan tinggi, Anda dapat mengganti s1600 menjadi s300-c:





https://lh5.googleusercontent.com/-IBDLtqPDdE4/VaDvj4_9T0I/AAAAAAAAK54/6P2S800iWJE/s300-c/sneeit-logo.png 




Parameter -c akan selalu mengembalikan versi cropping dari pusat gambar.





Center Cropping with Circular Mas



Jika Anda memasukkan -cc sebagai gantinya saja -c, gambar akan dipotong dengan topeng melingkar.





https://lh5.googleusercontent.com/-IBDLtqPDdE4/VaDvj4_9T0I/AAAAAAAAK54/6P2S800iWJE/w300-cc/sneeit-logo.png





Pilih Cropping Image



Jika
gambar Anda memiliki konten utama yang tidak berada di tengah gambar,
misalnya: gambar Anda memiliki wajah di sisi atas atau kanan dan Anda
tidak ingin memotong gambar dari pusat karena akan memotong wajah di
setengah, maka Anda bisa menggunakan -p bukan -c.

Bila
Anda menambahkan -p ke parameter akhir ukuran, algoritma cerdas Google
Foto akan memeriksa gambar dan memilih area yang paling berharga dalam
gambar untuk dikembalikan sebagai versi tampilan





https://lh5.googleusercontent.com/-IBDLtqPDdE4/VaDvj4_9T0I/AAAAAAAAK54/6P2S800iWJE/s300-p/sneeit-logo.png








Cara mengatur ukuran gambar diblogger





Warna Latar Belakang Spesifik



Jika
gambar Anda memiliki latar belakang transparansi (biasanya gambar PNG)
dan Anda ingin mengisi latar belakang transparansi dengan warna
tertentu, Anda perlu menambahkan parameter -rj-c0xHEX_COLOR ke akhir
ukuran.
Misalnya, Anda ingin mengisi dengan warna putih, Anda perlu menambahkan -rj-c0xffffff ke parameter URL. URL finalnya adalah:





https://lh5.googleusercontent.com/-IBDLtqPDdE4/VaDvj4_9T0I/AAAAAAAAK54/6P2S800iWJE/s300-rj-c0xffffff/sneeit-logo.png 







Jika Anda menambahkan hanya -rj tanpa -c0xHEX_COLOR, warna latar belakang akan berubah menjadi hitam sebagai default.





Gambar bisa didownload



Jika Anda ingin memberikan link download untuk gambar, Anda bisa menambahkan -d pada akhir ukuran:





https://lh5.googleusercontent.com/-IBDLtqPDdE4/VaDvj4_9T0I/AAAAAAAAK54/6P2S800iWJE/s1600-d/sneeit-logo.png


Objek XML



Jika Anda ingin memberikan objek XML untuk gambar, Anda dapat menambahkan -g pada akhir ukuran:





https://lh5.googleusercontent.com/-IBDLtqPDdE4/VaDvj4_9T0I/AAAAAAAAK54/6P2S800iWJE/s1600-g/sneeit-logo.png





Kombinasikan Parameter



Anda
dapat menggabungkan beberapa parameter dalam satu URL, misalnya, jika
Anda bisa memangkas gambar dengan topeng melingkar dan latar belakang
putih, URL Anda akan seperti di bawah ini:





https://lh5.googleusercontent.com/-IBDLtqPDdE4/VaDvj4_9T0I/AAAAAAAAK54/6P2S800iWJE/s300-cc-rj-c0xffffff/sneeit-logo.png






Pegawai Kantoran dan Pekerja Serabutan Online
Pegawai Kantoran dan Pekerja Serabutan Online "Apabila anak adam (manusia) telah meninggal dunia, maka terputuslah amalnya darinya, kecuali tiga perkara, yaitu sedekah jariyah (sedekah yang pahalanya terus mengalir), ilmu yang bermanfaat, atau anak saleh yang selalu mendoakannya." (HR Muslim No. 1631)

Posting Komentar untuk "Cara mengatur ukuran lebar dan tinggi gambar diblogger"