Yükleniyor
AVIF ve WebP formatlarina gecerek CDN egress veri cikis maliyetinizi %50'ye varan oranda dusurun. Mobil LCP yukleme surelerini hizlandirin ve HTML5 picture ve Nginx icerik muzakeresi kurallari olusturun.
Sayfa basina gorsel adedini, boyutunu ve CDN cikis tarifesini secerek tasarrufu hesaplayin.
Aylik toplam 2.800.000 gorsel istegi.
Mevcut optimize edilmemis dosya boyutu.
Modern tarayicilarin %95.4'u AVIF formatini dogrudan desteklemektedir. HTML5 <picture> etiketi kullanilarak desteklemeyen eski cihazlara otomatik WebP iletilebilir.
Dosya boyutu, aylik CDN faturasi ve mobil LCP indirme surelerinin karsilastirmasi.
| Format | Ort. Dosya Boyutu | Aylik Egress Trafik | Aylik CDN Maliyeti | Yillik Tasarruf | Mobil LCP Suresi | Tarayici Uyumu | Durum |
|---|---|---|---|---|---|---|---|
| JPEG / JPG (Referans) | 240 KB | 0.626 TB | $0 | Referans | 75.6 ms | %100 | Eski Standart |
| PNG (Kayipsiz) | 444 KB | 1.158 TB | $15.78 | -$189.36 | 140.3 ms | %100 | Eski Standart |
| WebP (Google VP8) | 163.2 KB | 0.426 TB | $0 | Referans | 53.4 ms | %97.9 | Guvenli Fallback |
| AVIF (AOMedia AV1)En Verimli | 122.4 KB | 0.319 TB | $0 | Referans | 43 ms | %95.4 | Tavsiye Edilen |
| JPEG XL (RFC 9315) | 105.6 KB | 0.275 TB | $0 | Referans | 34.2 ms | %22.5 | Yalnizca Safari |
Tarayici uyumunu kaybetmeden AVIF ve WebP sunmak icin HTML5 ve sunucu kurallari.
<!-- Modern HTML5 Coklu Format Gorsel Bileseni -->
<picture>
<!-- 1. En yuksek verimlilik: AVIF (~%50 daha kucuk) -->
<source srcset="/images/urun-fotografi-2026.avif" type="image/avif" />
<!-- 2. Evrensel modern format: WebP (~%30 daha kucuk) -->
<source srcset="/images/urun-fotografi-2026.webp" type="image/webp" />
<!-- 3. Eski sistemler icin nihai JPEG fallback -->
<img
src="/images/urun-fotografi-2026.jpg"
alt="Sayfa kapak gorseli"
width="1200"
height="800"
loading="lazy"
decoding="async"
fetchpriority="high"
class="w-full h-auto object-cover rounded-xl"
/>
</picture>Metin varliklari (HTML, JS, CSS) icin Brotli ve Zstandard kurallari.
AWS CloudFront, Cloudflare, Fastly ve GCP bant genisligi karsilastirmasi.
Immutable static asset onbellekleme ve stale-while-revalidate politikalari.
Web sitelerinin toplam sayfa agirliginin yaklasik %60 ila %75'ini gorsel varliklar olusturur. Geleneksel JPEG ve PNG formatlarinda israr etmek, yalnizca kullanicilarin mobil cihazlarinda sitenin gec acilmasina (Core Web Vitals LCP cezasi) yol acmakla kalmaz; ayni zamanda AWS CloudFront, Fastly veya VDS sunuculari uzerinden devasa boyutlarda Egress (veri cikisi) faturalari odenmesine sebep olur.
AV1 video sikistirma teknolojisini temel alan AVIF, geleneksel JPEG'e gore %45-%55, WebP'ye gore ise %20-%30 daha kucuk dosya boyutu saglar. 2026 yili itibariyle Chrome, Safari, Firefox ve Edge dahil olmak uzere kuresel tarayicilarin %95.4'u tarafindan yerel olarak desteklenmektedir. Tek dezavantaji kodlama (encode) isleminin CPU yorucu olmasidir; bu nedenle donusumlerin onbellek arkasinda yapilmasi onerilir.
Google tarafindan gelistirilen WebP, %98'e ulasan tarayici uyumlulugu ve cok dusuk CPU kodlama maliyeti ile anlik dinamik olcekleme (on-the-fly image resizing) yapan servisler icin mukemmel bir standarttir. AVIF kadar kucuk olmasa da JPEG'e kiyasla yaklasik %32 bant genisligi tasarrufu saglar.
JPEG XL (JXL), teknik olarak fotograf sikistirmada ve kayipsiz gorsellerde mukemmel sonuclar verse de; Google Chrome ve Firefox tarafindan varsayilan olarak aktif edilmemis, yalnizca Apple ekosisteminde (Safari 17+) varsayilan hale gelmistir. Bu nedenle 2026 kamuya acik uretim sitelerinde yalnizca JPEG XL kullanmak yuksek risk tasir ve ek bir fallback zinciri gerektirir.
En saglikli uygulama; HTML icerisinde HTML5 <picture> etiketi veya Nginx / CDN seviyesinde tarayicinin gonderdigi Accept: image/avif,image/webp basligina gore otomatik yonlendirme yapmaktir. Bu sayede dosya URL'sini degistirmeden modern kullanicilara AVIF, eski cihazlara ise WebP ve JPEG dondurulebilir.