1. Merhaba Ziyaretçi foruma kayıt olarak hediye kodu alabilirsin!
  2. Merhaba Ziyaretçi ! IP: play.LifeMCServer.com SkyBlock Sürüm: 1.7.X-1.8.X Senide aramızda görmek isteriz.
    Duyuruyu Kapat

AVIF vs. WebP vs. PNG vs. JPG: En iyi resim formatı hangisi?

'Teknoloji' forumunda TheDark_Gamer tarafından 10 Kasım 2020 tarihinde açılan konu

  1. TheDark_Gamer

    TheDark_Gamer Developer & Owner
    Sunucu Sahibi Forum Kurucusu

    Katılım:
    19 Mart 2017
    Mesaj:
    1.904
    Beğenilmeler:
    3.767
    AVIF vs. WebP vs. PNG vs. JPG: En iyi resim formatı hangisi?

    Modern internetteki en iyi resim formatı hangisi? Sitenizde hangi resim formatını kullanmalısınız? Veya arkadaşınıza resim dosyası gönderirken?

    Bu konuda AVIF, WebP, PNG ve JPG (JPEG olarakta bilinir) resim formatlarına değineceğiz.

    JPG
    Joint Photographic Experts Group, 1994.

    JPG/JPEG, günümüze kadar gelebilen en eski resim formatıdır. Arka planın transparan olmasını desteklemez. Gerçi günümüzde arka planı transparan yapmaya teknoloji diyebilir miyiz bilmiyorum, bu bas baya standart. :D

    Artılar: PNG'e oranla daha düşük boyut

    Eksiler: Transparanlık desteği yok. Boyutu küçültmek için yapılan sıkıştırmalardan dolayı, çoğu zaman zoom yapılmadan gözle görülemeyecek olsa da daha düşük kalite.

    PNG
    Portable Network Graphics, 1996.

    PNG, transparan resimleri destekleyen fakat JPG'e oranla daha büyük boyutu olan bir format.

    Artılar: Transparanlık desteği ve daha fazla kalite.
    Eksiler: JPG'e oranla daha yüksek boyut.

    WebP
    Web Picture, 2010.
    JPG'e oranla -%28'den -%45'e kadar boyut tasarrufu

    WebP, 2010 yılında modern bir resim formatı oluşturup standart haline getirmek için Google tarafından geliştirilen resim formatı.

    Amacı mevcut resim formatlarını modern teknolojilere uyarlayarak hem transparanlık desteği ve kalite (PNG) hemde düşük boyuta sahip bir resim formatı oluşturmak.

    Artılar: Transparanlık desteği & düşük boyut (-%28 den -%45'ye kadar)
    Eksiler: Tarayıcı desteği (Safari), AVIF'e oranla daha yüksek boyut

    AVIF
    AOMedia Video 1 (AV1) Image File Format, 2019.
    WebP'ye oranla -%39'dan -%50'ye kadar boyut tasarrufu

    AVIF, 2019 yılında WebP ile benzer amaçlarla yola çıkmış ve ondan daha başarılı olmuş resim formatı.

    Artılar: Transparanlık desteği & düşük boyut (-%39 dan -%50'ye kadar)
    Eksiler: Tarayıcı desteği (Safari, Firefox)

    Örnekler
    Not: Burada tek resime göre karşılaştırdık, zoom veya pixellere odaklama yapmadık. Tam yaptığı değişiklikleri görmek için bir çok resim üzerinde denemelisiniz.

    JPG

    43.7 kB (PNG'e göre %91.99 daha az boyut - fakat transparanlık yok, ama bu resimi etkilemiyor)

    [​IMG]

    PNG

    546 kB (JPG'e göre %91.99 daha yüksek boyut - tek artısı ise transparanlık)

    [​IMG]

    WebP

    29.3 kB (transparanlık + PNG'e göre %94.63, JPEG'e göre %32.95 azalış)

    [​IMG]

    AVIF

    16.3 kB (transparanlık + PNG'e göre %97.01, JPEG'e göre %62.70, WebP'ye göre %44.36 azalış)

    [​IMG]

    Özet

    Düşük boyut/performans: AVIF
    Kalite /w performans: AVIF

    Kalite (eğer boyut sizin için önemli değilse): PNG

    PNG'in yüksek zoomlarda ve detaylı pixellerde daha çok veri depolamasından dolayı (546 kB boşa değil yani) WebP ve AVIF'e göre hala daha kaliteli olacaktır.

    O nedenle eğer boyut sizin için önemli değilse PNG kullanabilirsiniz.

    Fakat arkadaşlarınıza resim gönderirken, sitelere resim yüklerken veya sitenizdeki resimler için kesinlikle AVIF kullanmalısınız.

    Siteler için kazançlar

    JPG -> AVIF: %62.70
    PNG -> AVIF: %44.36

    Bu demek oluyor ki sadece sitenizdeki JPG resimlerini AVIF'e geçirerek sitenizi %62.70 hızlandırabilirsiniz. (5 sn -> 1.8 sn)

    Tabii ki tüm tarayıcıların yeni resim formatlarını desteklemediğini ve PHP/MySQL sorgularınız, önbellik ayarlarınız gibi diğer değişkenlerin de göz önünde bulundurmanız gerektiğini unutmayın.

    Not: Veriler yukarıdaki LifeMC sitesinin arka plan resmine dayanarak baz alınmıştır. Her resim için sıkıştırma algoritması farklılık gösterebilir; fakat yüzdelik olduğundan aşağı yukarı aynı olacaktır.

    Konu sonu

    Bir konunun daha sonuna geldik. Sonraki konularda görüşmek üzere!
     
    DenyysBaba ve AssassinDaan bunu beğendi.

Bu Sayfayı Paylaş

Bu Konuya Bakan Kullanıcılar (Kullanıcı: 0, Ziyaretçi: 0)