Thumbnail Gambar

slav.ilham@gmail.com — Thu, 19 Aug 2021 13:10:00 +0700

Pada postingan ini terdapat 2 file untuk 1 gambar. 1 thumbnail-nya dan 1 lagi gambar aslinya.

Jika Anda ingin membuat thumbnail dari gambar yang sudah ada, caranya sangat mudah ya. Kita akan menggunakan script di Ubuntu.

Pertama dan yang paling utama, install dulu tool nya.

sudo apt-get install imagemagick

Kemudian jalankan script dibawah. Sesuaikan .jpg dengan ekstensi gambar Anda. Oh iya, gambarnya harus berada di dalam folder yang sama ketika Anda menjalankan script ini ya.

for i in `find . -type f ! -name "*-thumb.jpg" -name "*.jpg"`; do echo $i; if [ -f ${i%.*}-thumb.jpg ]; then continue; fi; convert $i -resize 352x352 ${i%.*}-thumb.jpg; done

Sekian dan semoga bermanfaat.

WebP

slav.ilham@gmail.com — Thu, 19 Aug 2021 12:41:29 +0700

WebP merupakan format gambar yang di develop oleh Google yang di desain untuk Website. Ukurannya gambar webp lebih kecil dibandingankan dengan gambar dengan format png atau jpg.

Untuk membuktikannya sangat mudah, di server free-tier gcp, saya punya 2 folder reguler image (png/jpg) dan 2 folder webp image.

root@free-tier:/home/ftpilh/ftp/files/webp# ls -l
total 16
drwxr-xr-x 2 root root 4096 Aug 19 05:44 img
drwxr-xr-x 2 root root 4096 Aug 19 05:44 img-webp
drwxr-xr-x 2 root root 4096 Aug 19 05:44 isoman
drwxr-xr-x 2 root root 4096 Aug 19 05:44 isoman-webp
root@free-tier:/home/ftpilh/ftp/files/webp#

Berikut hasil komparasi size gambarnya.

root@free-tier:/home/ftpilh/ftp/files/webp# diff <(du -sh img) <(du -sh img-webp)
1c1
< 1.4M img
---
> 928K img-webp
root@free-tier:/home/ftpilh/ftp/files/webp#
root@free-tier:/home/ftpilh/ftp/files/webp# diff <(du -sh isoman) <(du -sh isoman-webp)
1c1
< 908K isoman
---
> 516K isoman-webp
root@free-tier:/home/ftpilh/ftp/files/webp#

Kalau kita lihat perbedaan sizenya hampir setengahnya ya.

Untuk mengkonversi reguler image (png/jpg/etc..) ke format WebP menggunakan Linux sangat mudah ya. Pada script dibawah, kita bisa konversi banyak gambar sekaligus ke format WebP.

Pertama dan paling utama adalah install toolnya dulu, saya menggunakan Ubuntu.

sudo apt-get install webp

Kemudian jalankan script dibawah, sesuaikan jpg ke format gambar Anda, misalnya png.

find ./ -type f -name '*.jpg' -exec sh -c 'cwebp -q 75 $1 -o "${1%.jpg}.webp"' _ {} \;

Oh iya, gambarnya harus berada di folder yang sama ketika Anda menjalankan script diatas ya.

Cek postingan ini untuk melihat contoh gambar format WebP.

Semoga bermanfaat..

Image on Ilham Maulana

Thumbnail Gambar

WebP