Görsel sıkıştırma, görsellerin dosya boyutunu düşürerek sayfa yükleme süresini kısaltan ve LCP metriğini iyileştiren bir optimizasyondur. Doğru format (JPEG, PNG, WebP, AVIF) seçimi ve görüntülenecek boyuta göre piksel düşürme temel adımlardır; Squoosh ve TinyPNG gibi ücretsiz araçlar bu işi tarayıcıda yapar.
Web sayfalarında yükleme süresini uzatan en sık etkenlerden biri, gereğinden büyük ya da optimize edilmemiş görsellerdir. Doğru görsel sıkıştırma yöntemi seçildiğinde sayfa ağırlığı belirgin biçimde azalır; bu da hem kullanıcı deneyimini hem de sayfa hızı metriklerini doğrudan etkiler.
Görsel Sıkıştırma Neden Gerekir?
Sayfa hızı, kullanıcının siteyi terk edip etmeyeceğini etkileyen başlıca etkenlerden biridir. Core Web Vitals metrikleri arasında yer alan LCP (Largest Contentful Paint) — sayfadaki en büyük içerik öğesinin ne kadar sürede yüklendiğini ölçer. Çoğu sayfada bu öğe bir görseldir. Optimize edilmemiş bir fotoğraf, LCP süresini doğrudan uzatır.
Mobil bağlantılarda durum daha da kritiktir. Masaüstünde fark edilmeyen büyük bir JPEG, mobil veri üzerinde sayfayı yavaşlatabilir ve kullanıcının geri tuşuna basmasına yol açabilir. Gereksiz yere büyük görseller yüklemek; hem ziyaretçinin verisini hem de sunucu bant genişliğini tüketir.
Sonuç olarak görsel optimizasyonu, teknik bir tercih değil; işlevsel bir zorunluluktur.
Kayıplı ve Kayıpsız Sıkıştırma: Fark Ne?
Kayıplı sıkıştırma, görselden gözün fark etmeyeceği piksel verilerini kalıcı olarak atar. Dosya boyutu önemli ölçüde küçülür, ancak çok yüksek sıkıştırma oranlarında görsel kalitesi bozulabilir. JPEG bu yöntemin en yaygın örneğidir.
Kayıpsız sıkıştırma ise görsel kalitesini koruyarak dosya boyutunu azaltır. Piksel verisi kaybolmaz; yalnızca dosyanın iç yapısı daha verimli biçimde kodlanır. PNG bu kategoride yer alır. Şeffaflık gerektiren logolar ve grafikler için kayıpsız yöntem tercih edilir.
Web için hazırlanan fotoğraflarda kayıplı sıkıştırma çoğunlukla yeterlidir. Grafik tasarım öğelerinde veya şeffaf arka plan gerektiren görsellerde kayıpsız yöntem daha uygundur.
Hangi Formatı Seçmelisiniz?
Format seçimi, görsel sıkıştırmanın en belirleyici adımlarından biridir. Her format farklı bir kullanım amacına hizmet eder:
JPEG: Fotoğraf sıkıştırma için standart formattır. Renk geçişli görsellerde kayıplı yöntemi etkin kullanır; web sayfaları için uygundur. JPEG sıkıştırma ve JPG sıkıştırma aynı formatı ifade eder.
PNG: Şeffaflık desteği sunar ve kayıpsız sıkıştırma yapar. Logo, ikon ve keskin kenarlı grafikler için tercih edilir. KB düşürme işleminde PNG dosyaları bazen JPEG’den büyük olabilir; bu durumda format dönüşümü düşünülmelidir.
WebP: Google tarafından geliştirilen bu format; JPEG’e kıyasla genellikle daha küçük dosya boyutu üretir ve hem kayıplı hem kayıpsız sıkıştırmayı destekler. Tüm modern tarayıcılarda desteklenir.
AVIF: Daha yeni bir format olan AVIF, yüksek sıkıştırma oranı ile görsel kalitesini korur. WordPress 6.5 ile birlikte AVIF görsel desteği gelmiştir; ancak bunun çalışması için sunucunun görsel kütüphanesinin de AVIF’i desteklemesi gerekir. WebP ise WordPress’in önceki sürümlerinde de desteklenmektedir.
Karar vermek güçse şu kılavuzu kullanabilirsiniz: Fotoğraf → JPEG veya WebP. Logo/grafik → PNG veya WebP. Mümkünse AVIF, yoksa WebP önceliklidir; JPEG ikinci seçenektir.
Boyutlandırma: Piksel Düşürme Ne Demek?
Görsel sıkıştırma yalnızca dosya formatı ve kalite ayarından ibaret değildir. Fotoğraf piksel düşürme — başka bir deyişle görseli gerçekte görüntüleneceği boyuta indirmek — belki de en etkili optimizasyon adımıdır.
3000 × 2000 piksel bir fotoğrafı, sayfada yalnızca 800 piksel genişliğinde gösterecekseniz, tarayıcı görseli yine de tam boyutuyla indirir ve bellekte küçültür. Bu hem bant genişliği hem de işlemci kaynağı israfıdır.
Görseli yüklemeden önce görüntülenecek boyuta indirgeyin. Piksel düşürme işleminde kullandığınız araç ne olursa olsun, hedef boyutun biraz üzerinde (ör. retina ekranlar için 2×) kalmanız yeterlidir; daha fazlası gereksiz ağırlık ekler.
Resim piksel düşürme ve fotoğraf pikseli düşürme ifadeleri aynı işlemi tanımlar: görsel dosyasının piksel boyutlarını küçültmek. Bu, resim boyutu küçültmenin en temel adımıdır.
Ücretsiz Online Araçlar: Squoosh ve TinyPNG
Görsel boyut sıkıştırma için yazılım kurmak zorunda değilsiniz. Aşağıda, tarayıcı üzerinden kullanabileceğiniz iki araç yer almaktadır.
Squoosh
Squoosh, Google Chrome Labs tarafından geliştirilen bir görsel optimizasyon aracıdır. Fotoğraf sıkıştırıcı olarak çalışırken işlemin tamamını tarayıcıda, yani doğrudan cihazınızda gerçekleştirir; görseliniz herhangi bir sunucuya yüklenmez. Bu özelliği gizliliğe önem verenler için avantajlıdır.
Squoosh ile JPEG, PNG, WebP ve AVIF dahil birçok formata dönüştürme ve sıkıştırma yapabilirsiniz. Arayüz, orijinal ile sıkıştırılmış görseli yan yana karşılaştırma imkânı sunar. Kalite kaydırıcısını ayarlayarak dosya boyutu ile görsel kalitesi arasındaki dengeyi gözlemleyebilirsiniz. Tek görsel işlemek için uygundur.
TinyPNG
TinyPNG, AVIF, WebP, PNG ve JPG formatlarını sıkıştırabilen bir görsel optimizasyon hizmetidir. Ücretsiz kullanımda tek seferde en fazla 20 görsel yüklenebilir; görsel başına dosya boyutu sınırı 5 MB’tır.
Birden fazla görseli aynı anda işlemek gerektiğinde TinyPNG pratik bir seçenektir. Fotoğraf sıkıştırma ücretsiz olarak bu araçla yapılabilir; çıktılar doğrudan indirilebilir. KB düşürme PNG işlemleri için de sıkça başvurulan bir resim boyutu küçültme sitesidir.
Her iki araç da image sıkıştırma ve resim optimizasyonu için güncel ve aktif olarak kullanılmaktadır. Başka araç önerileri bu rehberin kapsamı dışındadır.
WordPress’te Görsel Optimizasyonu
WordPress kullanıyorsanız, görsel optimizasyonu için hem yerleşik özelliklerden hem de eklentilerden yararlanabilirsiniz. İlk ayarlar kurulum sonrası kontrol listesinde.
WordPress 6.5 ile gelen AVIF desteği sayesinde, sunucunuzun görsel kütüphanesi uygunsa artık AVIF formatında görseller yükleyebilirsiniz. WebP desteği de WordPress’te mevcuttur. Bu iki format, aynı kalitede daha küçük dosyalar ürettiğinden sayfa ağırlığını belirgin biçimde azaltır.
Gecikmeli yükleme (lazy loading), sayfanın ilk ekranında görünmeyen görsellerin yalnızca kullanıcı o alana kaydırdığında yüklenmesini sağlar. WordPress bu özelliği yerleşik olarak destekler; ek bir eklentiye gerek kalmadan aktiftir.
Görsel optimizasyon eklentileri ise yüklenen her görseli otomatik olarak sıkıştırabilir, uyumlu tarayıcılara WebP veya AVIF sunabilir ve görselin büyük boyutlu kopyalarını depolamaktan kaçınabilir. Hangi eklentinin projenize uygun olduğu; site büyüklüğüne, hosting yapısına ve mevcut tema/eklenti yapısına göre değişir. Bu değişkenleri gözetmeden tek bir eklenti önerisinde bulunmak yanıltıcı olur.
Eski önerilere bir not: Windows Paint ile görsel küçültme ya da bağımsız PDF sıkıştırma siteleri kullanmak, web optimizasyonu için artık önerilmiyor. Bu yöntemler WebP/AVIF dönüşümü sağlamaz; renk profili ve meta veri yönetimi konusunda da yetersiz kalır.
Sıkıştırma Sonrası Kontrol: PageSpeed Insights
Görselleri optimize ettikten sonra sayfanın gerçekte nasıl davrandığını ölçmek gerekir. PageSpeed Insights, Google’ın sunduğu ücretsiz bir sayfa hızı analiz aracıdır. Sayfa URL’sini girerek Core Web Vitals metriklerini — LCP, INP ve CLS — hem mobil hem masaüstü için ayrı ayrı görebilirsiniz.
Araç aynı zamanda boyutlandırılmamış görseller, sonraki nesil formata geçirilmemiş dosyalar ve gecikmeli yüklenmeyen öğeler gibi somut öneriler sunar. Optimizasyonun etkisini doğrulamak için en güvenilir yol, değişiklik öncesi ve sonrası PageSpeed Insights skorlarını karşılaştırmaktır.
Görsel optimizasyon, web tasarım sürecinin teknik katmanlarından biridir; tek başına yeterli değildir, ancak temel adım olarak atlandığında diğer iyileştirmelerin etkisi sınırlı kalır.
Sıkça Sorulan Sorular
Squoosh ile TinyPNG arasında hangisini kullanmalıyım?
Tek bir görsel üzerinde farklı format ve kalite ayarlarını karşılaştırarak karar vermek istiyorsanız Squoosh uygundur; işlem tamamen cihazınızda gerçekleşir, görseliniz sunucuya yüklenmez. Birden fazla görseli aynı anda sıkıştırmanız gerekiyorsa TinyPNG daha pratiktir; ücretsiz kullanımda tek seferde 20 görsele kadar, görsel başına 5 MB sınırıyla çalışır. İki araç birbirini tamamlar, biri diğerinin yerini tutmaz.
JPEG mi, WebP mi, AVIF mi seçmeliyim?
Fotoğraf içerikli görseller için WebP, JPEG’e kıyasla genellikle daha küçük dosya boyutu üretir ve tüm modern tarayıcılarda desteklenir. AVIF daha yüksek sıkıştırma oranı sunar; ancak WordPress 6.5 ve sunucu görsel kütüphanesi desteği gerektirir. Şeffaflık gerektiren logo ve grafikler için PNG ya da WebP tercih edilmelidir. JPEG, WebP veya AVIF kullanamadığınız durumlarda fotoğraflar için ikinci seçenektir.
Görsel boyutu küçültmek ile piksel düşürmek aynı şey midir?
Hayır, ikisi farklı işlemlerdir. Piksel düşürme, görselin genişlik ve yükseklik boyutlarını (ör. 3000 × 2000’den 800 × 533’e) indirgemektir. Boyut küçültme ise genellikle piksel boyutunu değiştirmeden sıkıştırma yoluyla dosya ağırlığını (KB/MB) azaltmayı ifade eder. En iyi sonuç için her iki adımı birlikte uygulamak gerekir: önce görseli görüntülenecek boyuta indirgeyin, ardından sıkıştırın.
PageSpeed Insights hangi görsel sorunları raporlar?
PageSpeed Insights; boyutlandırılmamış görseller (görüntülenenden büyük yüklenen dosyalar), sonraki nesil formata dönüştürülmemiş görseller (JPEG veya PNG yerine WebP/AVIF önerisi), gecikmeli yüklenmeyen öğeler ve LCP’yi yavaşlatan büyük görsel dosyaları gibi sorunları raporlar. Bu öneriler, hangi görselin öncelikli optimize edilmesi gerektiğini anlamak için pratik bir başlangıç noktası sunar.
WordPress’te görsel eklentisi zorunlu mu?
Zorunlu değildir. WordPress 6.5 itibarıyla AVIF ve WebP desteği yerleşik olarak gelir; gecikmeli yükleme de eklentisiz aktiftir. Görselleri yüklemeden önce manuel olarak sıkıştırırsanız eklentiye gerek duymayabilirsiniz. Ancak çok sayıda görsel içeren siteler, otomatik toplu dönüştürme ve sıkıştırma için eklentiden faydalanabilir. Hangi eklentinin uygun olduğu sitenin yapısına göre değişir.
