Resimleri Optimize Etme

Bu kural, PageSpeed Insights, sayfadaki resimlerin görsel kalitesini önemli ölçüde düşürmeden boyutlarının küçültülerek optimize edilebileceğini algıladığında tetiklenir.

Genel Bakış

Kullanıcının kaynakların yüklenmesini beklerken fazla beklememesi için resim boyutlarını minimumda tutun. Resimleri doğru şekilde biçimlendirmek ve sıkıştırmak, baytlarca veriden tasarruf edilmesini sağlayabilir. Bu, yavaş bağlantısı olan kullanıcıların zamandan, sınırlı veri planları olanların da paradan tasarruf etmesini sağlar.

Öneriler

Tüm resimlerde hem temel hem de gelişmiş optimizasyonu uygulamalısınız. Temel optimizasyon; gereksiz alanları kırpma, renk derinliğini en düşük kabul edilebilir düzeye indirme, resim açıklamalarını kaldırma ve resmi uygun biçimde kaydetmeyi içerir. Temel optimizasyonu herhangi bir resim düzenleme programında (örneğin, GIMP) uygulayabilirsiniz. Gelişmiş optimizasyonda, JPEG ve PNG dosyaları daha fazla sıkıştırılır (kayıpsız şekilde).

Resim sıkıştırıcı kullanma

Resim kalitesini etkilemeden JPEG ve PNG dosyalarında kayıpsız şekilde daha fazla sıkıştırma yapan çeşitli araçlar vardır. JPEG için jpegtran veya jpegoptim (sadece Linux'ta kullanılabilir; --strip-all seçeneği ile çalıştırılır) öneririz. PNG için OptiPNG veya PNGOUT öneririz.

Uygun bir resim dosyası biçimi seçme

Resminiz için hangi biçimin en iyi olduğunu kendiniz test etmelisiniz. Yine de aşağıda bazı ileri düzey öneriler bulabilirsiniz:

  • PNG'ler hemen hemen her zaman GIF'lere oranla daha üstündür, ancak bazı eski tarayıcı sürümlerinde sadece kısmi PNG desteği vardır.
  • Çok küçük veya basit (örneğin, 10x10 pikselden daha küçük veya 3 renkten daha az renk paleti olan) grafikler ve animasyon içeren resimler için GIF'leri kullanın.
  • Tüm fotoğraf tarzındaki resimler için JPG'yi kullanın.
  • BMP veya TIFF kullanmayın.