x

Google’ın görsel boyutlarını düşüren formatı WebP başarılı olacak mı?

webp-google-developerGünümüzde bilgiye erişim hızı ve kaynak tüketimi, incelemek istediğimiz içeriğe olan tutunma etkisinde önemli rol oynayan bir parça. Hal böyle olunca site ve uygulama optimizasyonlarının önemi giderek artıyor.

Optimizasyon konusunda ise en önemli etkenlerin başında grafik ve medya içeriklerinin boyut ve performansları yer alıyor. Aslında ele alınan bu konu, kaynak tüketimi açısından da son derece büyük bir öneme sahip. İçeriklerin boyutları içeriklerin yer aldığı sunuculardaki kaynak tüketiminden tutun da ziyaretçilerin kullandığı mobil ya da masaüstü cihazlarındaki kaynak tüketimine kadar bu sektördeki herkesi etkiliyor dersek sanırım yanlış olmaz.

Google’de 2009 yılında hizmete açtığı “Page-Speed” servisi ile sayfa optimizasyonuna önem verdiğini göstermişti. Google’ın bu servise yeni araçlar ekleyerek servisi güncel tutması da bu konuda hevesli olduğunun bir göstergesi.

Google’ın 2010 yılında hız optimizasyonu konusunda duyurduğu haberlerden biri de PNG sıkıştırıcı ve onun çıktısı olan yeni bir resim formatı “WebP” idi. Geçtiğimiz günlerde ise Google, Chrome Store sayfasındaki resimlerde WebP formatını kullanmaya başladı ve WebP formatına ne kadar güvendiğini göstermiş oldu.

Peki gerçekten böyle bir formata ihtiyaç duyuluyor mu?

Aslına bakarsanız ortada PNG’den türemiş yeni bir çıktı elde ediliyor. PNG için çeşitli kalite optimizasyonu yapan online servisler ve masaüstü programlar zaten mevcut. Fakat mevcut durumda kullanıcının elde edeceği deneyim şöyle oluyor: “Ne kadar kalite kaybı o kadar dosya boyutundan tasarruf.”

WebP ne kadar başarılı?

Dosya boyutu ve performans açısından PNG’nin kalitesini azaltıp boyutu ufaltabildiğimizi zaten söylemiştik. WebP ise bu konudaki esnekliği biraz daha arttırmışa benziyor. PNG’den 100% kalite ayarıyla WebP formatına çevirdiğimiz yeni içeriğimizin boyutu ortalama %50 civarında azalıyor. Elde ettiğimiz görüntü kalitesinde ise her hangi bir değişiklik olmamakla birlikte renk geçişlerinin fazla olduğu grafiklerdeki renk solukluğu gözümüze çarpan tek kusur. Çok fazla renk geçişinin olmadığı grafiklerde ise iki format arasındaki farkı anlamak oldukça zorlaşıyor.

png_webp

Fakat WebP’nin alacağı çok yol olduğunu da söylemek gerekiyor. Öncelikle grafik programlarının WebP çıktısını vermeye başlaması gerekiyor. PNG’den WebP’ye çevirici programlar kullanılabilirlik açısından oldukça başarısız görünüyor. Şimdilik sadece Chrome tabanlı web tarayıcılarında çalışan bu format, diğer tarayacılarda ise plugin yardımı ile açılabilmekte. Şimdilik WebP’nin kullanımının sadece Google servisleriyle limitli olacağını düşünüyoruz. Tek başına Google servislerinde bile kullanılması kaynak tüketimi açısından Google’a ve ziyaretçilerine yararlı olacaktır.

Tek başına PNG optimizasyon için yeterli olur mu?

PNG ve JPEG, görsel içerik formatları arasında en çok kullanılan resim formatı. PNG için yeni bir dönüşüm aracı ve formatından bahsetmişken JPEG’den bahsetmeden olmaz. JPEG için gördüğüm en başarı uygulama ise JPEGmini adlı servis. Online, program ve sunucu yazılımı ile 3 farklı yerden JPEG dosyalarınızı optimize ederek aynı kalitede daha az boyuta çevirmeniz mümkün.

Sonuç olarak içeriklerinizin hızlı açılması ve kaynak tüketiminin minimum olması için Google’a, JPEGmini’ye ve benzer hizmetlere kulak vermemiz gerektiğini düşünüyorum. Kim bilir, belki bugün yakındığımız mobil cihazların pil sürelerinin uzatılmasında bile önemli rol oynar konuştuğumuz bu optimizasyonlar.

Yorumlar (14)

  1. Kalite iyi de renk tonları farklı. PNG’de renkler daha koyu iken WebP’de biraz daha açık.

    Cevapla
    • Büyük ihtimalle alt alta olduğu için öyle görünüyor. Benim monitörde de öyle. LCD monitörler genelde üstten alta doğru açı değiştikçe farklı tonda gösteriyor. Aynı resme scroll yaparak tekrar bakıp denenebilir. Bu tür karşılaştırmalarda yan yana koymak daha mantıklı.

      Tabii bu konudan bağımsız aslında renk tonunun teknik olarak çok farklı olması mümkün değil. Resampling nedeniyle zaten ya aynı ya da çok yakın tonlar ortaya çıkacaktır. Dosyaları kaydederken resim kalitesi değişince renkten ziyade piksellerde kayma, keskinlik gibi durumlar değişir.

      Cevapla
  2. sadece chrome storeda kullanmak bile google için günde tb’larca data transferinden tasarruf demekmiş tc de yazana göre.

    Cevapla
  3. Sonuç olarak içeriklerinizin hızlı açılması ve kaynak tüketiminin minimum olması için Google’a, JPEGmini’ye ve benzer hizmetlere kulak vermemiz gerektiğini düşünüyorum.

    Cevapla
  4. Hakan Taşova |

    Çok başarılı bir makale olmuş, teşekkürler.

    Cevapla
  5. Ibrahim OZKAN |

    Uzun bir süredir kullandığım Irfan view programına entegre çalışabilen “PNGOUT Plugin” ile PNG resimlerin boyutunu %50 civarı düşürebiliyorsunuz. Üstelik kalite farkı yok denecek kadar az tavsiye ederim. Tek dez avantajı ne kadar sıkıştırmak isterseniz sıkıştırma işlemi için harcanan süre o kadar artıyor. Örneğin 500 KB civarı PNG bir resmi 260 KB boyuna yaklaşık 40 dk da düşürüyor.

    Cevapla
  6. Bu olayın şahı Jpegmini. Çok uzun zamandır takip ediyorum fakat çok yavaş gelişiyorlar ve şu an sadece Mac ve iOS için programları var.
    Web’den koca bir arşivi çevirmek oldukça zor bundan dolayı Windows için kullanışlı değil şu an için.

    Cevapla
  7. Olur gibime geliyor çoğu projesinde başarılı oldu

    Cevapla
  8. Google el attığı her işte başarı sağladı bana kalırsa ve WebP projeside bence başarıya ulaşacak. Fakat tüm tarayıcıların desteklemesi yetmiyor tabiki programlarında desteklemesi gerekiyor. Bende şu anda jpegmini kullanıyorum ve sitelerimde çok faydasını görüyorum. Ortalama %70 oranında küçültüyor ve kalite hiç bozulmuyor diyebilirim.

    Cevapla
  9. Başarılı ve çok mantıklı. Bana ne kazandırır ki diye düşününler vardır ama çok grafik veya resim yükleyenler açısından süper

    Cevapla
  10. Bakıldığında CDN servisleri ve bulut depolama alanları varken aslında sıkıştırma alanında zaten hostingler de yerleşik olarak bu hizmeti default halde sunuyorlar…

    Cevapla

Bir Cevap Yazın