macOS & Linux: Google PageSpeed Insights Görselleri terminalden optimize edin

Bir süredir google PageSpeed Insights puanları ile uğraşıyordum. Pek çok maddeyi çözsemde görseller baya sıkıntı oluyor. Özellikle 3-4 yıldır aktif olarak kullanılan görsel ağırlıklı sitelerde bu baya sinir bozucu olabiliyor. Sağda solda biraz dolaşırken linux ve osx sistemler için optipng ve jpegoptim isimli uygulamaları buldum ve resmen ilaç gibi geldi 🙂

optipng ve jpegoptim’i osx sisteme kurmak için öncelikle homebrew’in sisteminizde kurulu olması gerekiyor. Kurulu değilse; kurmak için terminale aşağıdaki satırı yapıştırın.

ruby -e "$(curl -fsSkL raw.github.com/mxcl/homebrew/go)"

homebrew kurulumu tamamlandıktan sonra, diğer programcıklarımızı da kurabiliriz bunun için:

osx için:

brew install optipng
brew install jpegoptim

Linux için (Debian/ubuntu):

sudo apt-get install optipng
sudo apt-get install jpegoptim

komutlarını kullanıyoruz.

Uygulamalar kurulduktan sonra terminalden, görsellerin bulunduğu dizine gelip aşağıdaki komutları çalıştırıyoruz:

PNG Dosyaları için:

find . -name "*.png" -exec optipng -o7 {} \;

JPEG Dosyaları için:

find . -iname "*.jpg" -exec jpegoptim -m80 -o -p {} \;

Hepsi bukadar. Sıkıştırılan görsellerin kaliteleri için optimum değerler pngler için o7 jpeg dosyaları içinde m80 olarak veriliyor. Ama bu değerleri değiştirerek kendiniz, size en uygun kaliteyi bulabilirsiniz.

Kullanılan görseller git üzerinde barındırılıyorsa commit etmeyi unutmayın.

git commit -am 'optimizefotolar'

Büyük görselleri resize etmek için

find . -maxdepth 5 -iname "*.jpg" | xargs -L1 -I{} convert -resize 1920x1080\> "{}" "{}"

Todo: Bu sayfaya yakın zamanda el atılıp detaylı olarak işlemler anlatılacak..