Google'in Sayfa Hızlı görüntü sıkıştırma kayıpsız iş yapar?

SORU

27 Mart 2011, Pazar

Google'in Sayfa Hızlı görüntü sıkıştırma kayıpsız iş yapar?

Bir web sitesinde Kundakçı/Firefox için Google PageSpeed eklentisi çalıştırdığınızda bir görüntü losslessly sıkıştırılmış olabilir durumlar önermek ve bu küçük resim indirmek için bir bağlantı sağlayacaktır.

Örneğin:

Losslessly http://farm3.static.flickr.com/2667/4096993475_80359a672b_s.jpg sıkıştırma 33.5 KiB kurtarabilir (85% azalma).
Losslessly http://farm2.static.flickr.com/1149/5137875594_28d0e287fb_s.jpg sıkıştırma 18.5 KiB kurtarabilir (yüzde 77 azalma).
Losslessly http://cdn.uservoice.com/images/widgets/en/feedback_tab_white.png sıkıştırma 262B kurtarabilir ( oranında azalma).
Losslessly http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/images/ui-bg_flat_75_ffffff_40x100.png sıkıştırma 91B kurtarabilir (Q oranında azalma).
Losslessly http://www.gravatar.com/avatar/0b1bccebcd4c3c38cb5be805df5e4d42?s=45&d=mm sıkıştırma 61B kurtarabilir (5% azaltma).

Bu JPG ve PNG dosya türlerini (GİF veya diğerlerini test etmedim.) arasında geçerlidir

Not da Flickr küçük resim (tüm o görüntüleri 75x75 piksel vardır.) Çok büyük bir tasarruf ediyorlar. Eğer bu gerçekten o kadar iyiyse, neden bu onların bütün kütüphane için sunucu tarafı uygulama ve depolama ve bant genişliği yükler onların azaltılması Yahoo değil mi?

Hatta Stackoverflow.com çok küçük bazı tasarruf açılımı:

Losslessly http://sstatic.net/stackoverflow/img/sprites.png?v=3 sıkıştırma 1.7 KiB kurtarabilir ( indirim).
Losslessly http://sstatic.net/stackoverflow/img/tag-chrome.png sıkıştırma 11B kurtarabilir (%1'lik azalma).

Photoshop 'Web' özelliği. Kaydet kullanarak oluşturduğum PageSpeed PNG dosyaları üzerinde oldukça iyi tasarruf önermek gördüm

Yani sorum şu değişiklikleri resimlere çok bunları azaltmak için ne yapıyorsunuz? Farklı dosya türleri için farklı cevapları vardır diye tahmin ediyorum. Bu gerçekten JPG için kayıpsız mi? Photoshop ve nasıl yenebilir? Bu biraz şüpheli olmalıdır?

CEVAP

5 Aralık 2012, ÇARŞAMBA

Eğer teknik detayları ile ilgilenen varsa, kaynak kodunu kontrol:

PNG dosyaları için, deneme-yanılma yaklaşımı ile OptiPNG kullanıyorlar

// we use these four combinations because different images seem to benefit from
// different parameters and this combination of 4 seems to work best for a large
// set of PNGs from the web.
const PngCompressParams kPngCompressionParams[] = {
  PngCompressParams(PNG_ALL_FILTERS, Z_DEFAULT_STRATEGY),
  PngCompressParams(PNG_ALL_FILTERS, Z_FILTERED),
  PngCompressParams(PNG_FILTER_NONE, Z_DEFAULT_STRATEGY),
  PngCompressParams(PNG_FILTER_NONE, Z_FILTERED)
};

Dört kombinasyonları uygulandığında, en küçük sonucu tutulur. Bu kadar basit.

(N. B.: optipng komut satırı aracı -o 7 -o 2) sağlarsanız de yapıyor

JPEG dosyaları için aşağıdaki seçenekleri ile jpeglib kullanın:

 JpegCompressionOptions()
     : progressive(false), retain_color_profile(false),
       retain_exif_data(false), lossy(false) {}

Benzer şekilde, WEBP bu seçenekler ile libwebp kullanılarak sıkıştırılmış

  WebpConfiguration()
      : lossless(true), quality(100), method(3), target_size(0),
        alpha_compression(0), alpha_filtering(1), alpha_quality(100) {}