Sitenizde 50 ürün görseli var ve hepsi PNG. Sayfa 8 saniyede açılıyor. Aynı görselleri WebP'ye çevirdiğinizde toplam boyut yarıya düşer, sayfa 3 saniyeye iner. Tek değişiklik: format.
Resim format dönüştürme, bir görselin dosya yapısını değiştirme işlemidir. JPEG'den WebP'ye, PNG'den JPEG'e — her geçiş farklı bir amaca hizmet eder. Her formatın kendine özgü kodlama mantığı, desteklediği özellikler ve boyut profili var. Hangisini seçtiğiniz, sayfanızın kaç saniyede açılacağını doğrudan belirliyor.
Google da bunun farkında. Core Web Vitals metriklerinde görsel yükleme süresine özel bir ağırlık veriyor — ve bu ağırlık her güncellemeyle artıyor.
Resim format dönüştürme nedir?
Kısaca: bir görselin dosya yapısını başka bir formata çevirme işlemi. PNG logonuzu WebP'ye dönüştürdüğünüzde görsel verisi yeniden kodlanır, farklı bir algoritmayla paketlenir ve yeni uzantıyla kaydedilir.
Sadece uzantı değiştirmek değil bu. Her format görseli farklı şekilde depolar. JPEG lossy sıkıştırma yapar — kaliteden biraz feragat ederek dosyayı küçültür. PNG ise lossless çalışır, piksel piksel aynı kaliteyi korur ama boyut kabarmaya başlar. WebP? İkisini de yapabiliyor. Hem lossy hem lossless modda çalışır, üstüne şeffaflık da destekler. Bu esneklik onu web için cazip kılıyor.
Dönüştürme işlemini Photoshop gibi masaüstü programlarla, online araçlarla veya `cwebp` gibi komut satırı yazılımlarıyla yapabilirsiniz. Hangisini seçeceğiniz tamamen ihtiyacınıza bağlı.
Yaygın format türleri
Web'de işinizin büyük kısmı üç formatla döner: JPEG, PNG ve WebP.
JPEG fotoğrafların vazgeçilmezi. Milyonlarca renk tonunu küçük boyutta saklar. Dezavantajı? Şeffaflık desteklemez. Üstelik her kaydetmede biraz daha kalite kaybeder — bu yüzden düzenleme aşamasında orijinal dosyayı korumak önemlidir. Bir fotoğrafı 10 kez JPEG olarak kaydedip açtığınızda, ilk haliyle son hali arasındaki fark gözle görülür. Buna "generation loss" deniyor ve geri dönüşü yok.
PNG şeffaf arka plan gerektiren logolar ve ikonlar için biçilmiş kaftan. Lossless kodlama sayesinde kalite korunur. Bir fotoğrafı PNG olarak kaydederseniz boyut JPEG'in 3-4 katına çıkabilir — ama logo ve ikon gibi az renkli görsellerde bu fark çok daha küçüktür.
WebP Google'ın 2010'da geliştirdiği format. Hem lossy hem lossless çalışır, şeffaflığı destekler ve JPEG'den %25-35 daha küçük dosya üretir. Tarayıcı desteği %97 seviyesinde. Yani artık "acaba destekler mi" diye düşünmenize gerek yok.
Ne zaman format dönüştürme gerekir?
Sayfa hızı yavaşladığında
Sayfanız yavaş açılıyorsa ve görseller toplam boyutun büyük kısmını oluşturuyorsa, format değişikliği en hızlı çözümdür. PNG'den WebP'ye geçiş tek başına boyutu %26 oranında düşürebilir.
Mobil cihazlarda bu etki daha belirgin. 3G bağlantıda 500 KB'lık bir görsel saniyeler sürerken, WebP versiyonu 350 KB'a indiğinde fark hissedilir. E-ticaret sitelerinde onlarca ürün görseli olduğunu düşünürseniz, toplam kazanç ciddi boyutlara ulaşır. Bir müşterimiz 200 ürün görselini WebP'ye çevirdiğinde sayfa yükleme süresi 6.2 saniyeden 2.8 saniyeye düştü — başka hiçbir şey değiştirmeden. Sayfa hızınızı test ederek görsellerin ne kadar yer kapladığını görebilirsiniz.
Tarayıcı uyumluluğu sorun olduğunda
WebP harika bir format ama Internet Explorer'da açılmaz. Safari bile 2020'ye kadar desteklemiyordu. Hedef kitlenizde eski tarayıcı kullananlar varsa, tek formata bağlı kalmak riskli.
HTML5'in `<picture>` etiketi bu sorunu çözer. Tarayıcı desteklediği formatı otomatik seçer:
<picture>
<source type="image/webp" srcset="gorsel.webp">
<img src="gorsel.jpg" alt="Açıklama">
</picture>Modern tarayıcı WebP'yi yükler, eski tarayıcı JPEG'e düşer. Kimse bozuk görsel görmez.
Şeffaf arka plan gerektiğinde
JPEG şeffaflık desteklemez. Noktası. Logonuzun arka planı şeffaf olacaksa PNG veya WebP'ye geçmeniz şart.
WebP burada öne çıkıyor: şeffaflığı destekler ve PNG'den %26 daha küçük dosya üretir. Şeffaflık gerektirmeyen görsellerde ise PNG kullanmak gereksiz yere boyutu şişirir. Garip ama sık rastlanan bir durum: birçok site logosunu PNG olarak sunuyor, arka plan zaten beyaz olmasına rağmen. Şeffaflığa ihtiyacınız yoksa JPEG veya WebP yeterli.
Düzenleme sürecinde kaliteyi korumak için
JPEG her kaydedildiğinde biraz daha bozulur. Bir görseli 5-6 kez düzenleyip JPEG olarak kaydederseniz, kalite farkı gözle görülür hale gelir.
Çözüm basit: düzenleme aşamasında PNG veya RAW formatında çalışın, son halini JPEG ya da WebP olarak dışa aktarın. Profesyonel fotoğrafçılar tam da bu yüzden RAW çekim yapar — düzenleme esnekliği kazanırlar, kalite kaybı sıfır olur. Son çıktıyı web için optimize etmek ayrı bir adım.
Hangi format hangi durumda kullanılır?
Fotoğraflar
Fotoğraflarda JPEG veya WebP tercih edin. İki format da milyonlarca renk tonunu küçük boyutta saklayabiliyor. WebP aynı kalitede JPEG'den %30 daha küçük dosya ürettiği için genellikle daha mantıklı bir tercih.
Fotoğrafı PNG olarak kaydetmek yaygın bir hata. Boyut gereksiz yere 3-4 katına çıkar, sayfa yavaşlar. Bunu yapan sitelerin çoğu farkında bile değil — görseli CMS'e yüklerken format seçeneğine dikkat etmiyorlar.
Logolar ve ikonlar
Şeffaflık ve keskin kenarlar burada kritik. PNG lossless kodlama yaptığı için logo detaylarını korur, WebP ise aynı işi daha küçük boyutla yapar.
Basit, düz renkli logolar için SVG de güçlü bir alternatif. Vektör tabanlı olduğu için ne kadar büyütürseniz büyütün pikselleşmez — retina ekranlarda bile. Karmaşık görsellerde veya fotoğrafik detay içeren logolarda ise PNG ya da WebP daha mantıklı. SVG'nin bir sınırı daha var: karmaşık gradyanlar ve gölgeler dosya boyutunu beklenmedik şekilde artırabilir.
E-ticaret ürün görselleri
Ürün görselleri genellikle beyaz arka plan üzerinde çekilir, şeffaflık gerekmez. JPEG veya WebP lossy kodlama bu iş için yeterli.
Dikkat edilmesi gereken nokta zoom özelliği. Kullanıcılar ürünü yakınlaştırdığında bulanık görsel güven kırar. %85-90 kalite ayarı boyutu düşürürken görsel netliğini korur. Bunun altına inmek riskli — özellikle takı, elektronik ve tekstil gibi detayın önemli olduğu kategorilerde. Bir kullanıcı kumaş dokusunu göremiyorsa satın alma ihtimali düşer.
Dönüştürme nasıl yapılır?
Online araçlar
En hızlı yol. Tarayıcıdan açarsınız, görseli sürüklersiniz, hedef formatı seçersiniz, indirirsiniz. Kurulum yok, kayıt yok.
Çoğu online araç toplu dönüştürme ve kalite ayarı da sunuyor. Hassas görseller — müşteri fotoğrafları, sözleşme taramaları gibi — için yerel araçlar daha güvenli olsa da, genel kullanımda online araçlar gayet pratik. Birkaç görseli hızlıca çevirmek istiyorsanız doğrudan dönüştürme yapabilirsiniz.
Photoshop ve masaüstü programlar
Photoshop'un "Save for Web" özelliği kalite ayarı, boyut değiştirme ve metadata temizleme seçeneklerini tek ekranda sunuyor. Profesyonel iş akışları için standart araç.
Bütçe kısıtlıysa GIMP ücretsiz bir alternatif. Arayüzü Photoshop kadar cilalı değil ama format dönüştürme, toplu işlem ve temel düzenleme için yeterli. Masaüstü programların avantajı kontrol — dezavantajı öğrenme süresi. Yine de bir kez öğrendiğinizde iş akışınız hızlanır, özellikle düzenli görsel üreten sitelerde.
Komut satırı araçları
Yüzlerce görseli tek tek açıp kaydetmek mantıklı değil. ImageMagick veya Google'ın `cwebp` aracıyla tek komutla toplu dönüştürme yapabilirsiniz:
cwebp -q 85 input.jpg -o output.webpBu komut JPEG'i %85 kaliteyle WebP'ye çevirir. Teknik bilgi gerektirir ama büyük projelerde saatler kazandırır. Bir keresinde 1.200 ürün görselini bu yöntemle 40 dakikada dönüştürdük — elle yapılsa günler sürerdi.
Sık yapılan hatalar
Yanlış format seçimi
Fotoğrafı PNG olarak kaydetmek en yaygın hata. Boyut gereksiz yere şişer. Tam tersi de geçerli — logoyu JPEG'e çevirdiğinizde şeffaf arka plan kaybolur, yerine beyaz dikdörtgen gelir.
Basit bir kural: fotoğraf → JPEG veya WebP, şeffaf görsel → PNG veya WebP. Bu kadar.
Aşırı sıkıştırma
Kalite ayarını %40'a çekip "dosya çok küçüldü, harika" demek cazip gelebilir. Görseli yakından incelediğinizde bloklanma ve bulanıklık fark edilir. Özellikle ürün fotoğraflarında bu güven kırıcı.
Fotoğraflarda %80-85, logolarda %90-95 kalite ayarı boyut ile netlik arasında iyi bir denge kurar. Her dönüştürmeden sonra sonucu gözle kontrol edin — sayılar iyi görünse de piksel seviyesinde sorun olabilir.
Metadata kaybı
EXIF verileri — kamera modeli, çekim tarihi, GPS konumu — format dönüştürme sırasında silinebilir. Fotoğraf arşivi için bu bilgiler değerliyse, dönüştürme aracının metadata kopyalama seçeneğini kontrol edin.
Web görselleri için durum tam tersi. Metadata boyutu artırır ve gizlilik riski taşır — GPS konumu gibi bilgiler istemeden paylaşılabilir. Temizlemek genellikle daha doğru. Aslında çoğu profesyonel web iş akışında metadata temizleme varsayılan ayar olarak geliyor, ama bunu bilmeyen siteler kullanıcılarının konum bilgisini farkında olmadan yayınlıyor.
SEO üzerindeki etkisi
Sayfa hızı ve sıralama
Google sayfa hızını sıralama faktörü olarak kullanıyor. Core Web Vitals metriklerinden LCP (Largest Contentful Paint) doğrudan görsellerin yükleme süresini ölçer. Sayfanızdaki en büyük görsel genellikle LCP elementini belirler.
WebP'ye geçiş yapan siteler LCP süresinde %20-30 iyileşme görebilir. Tek başına sıralama garantisi vermez — Google 200'den fazla sıralama faktörü kullanıyor. Ama diğer faktörlerle birleştiğinde fark yaratır. Özellikle rakiplerinizle benzer içerik kalitesindeyseniz, sayfa hızı belirleyici olabiliyor.
Mobil performans
Google mobil-first indeksleme yapıyor — sitenizin mobil versiyonu masaüstünden önce değerlendiriliyor. Mobil cihazlarda bant genişliği sınırlı, işlemci gücü düşük. Büyük görseller hem yavaş yüklenir hem de cihazın belleğini zorlar.
Format optimizasyonu mobil SEO'nun en düşük maliyetli, en yüksek getirili adımlarından biri. Kod değiştirmiyorsunuz, tasarıma dokunmuyorsunuz — sadece aynı görseli daha verimli bir formatta sunuyorsunuz.
Görsel arama
Google Images'da sıralanmak istiyorsanız boyut kadar kalite de önemli. Aşırı sıkıştırılmış, bulanık görseller düşük sıralarda kalır. Dosya adı ve alt text'in açıklayıcı olması indekslemeyi hızlandırır — format dönüştürme sırasında bu bilgilerin kaybolmadığından emin olun. Küçük bir detay: Google Images sonuçlarında küçük resim (thumbnail) olarak gösterilen görselin net olması tıklama oranını doğrudan etkiler.
Toplu dönüştürme stratejisi
Otomatik pipeline
WordPress kullanıyorsanız ShortPixel veya Imagify gibi eklentiler yüklenen görselleri otomatik olarak WebP'ye çevirir. Siz fotoğrafı yüklersiniz, eklenti gerisini halleder.
CDN tarafında da çözümler var. Cloudflare Polish özelliği görselleri sunucu seviyesinde optimize eder — ziyaretçinin tarayıcısına göre en uygun formatı otomatik seçer. Kurulumu biraz teknik bilgi gerektirir ama bir kez yapıldığında sürekli çalışır. Statik site kullanıyorsanız build sürecine `cwebp` veya `sharp` gibi araçları entegre etmek de bir seçenek.
Manuel toplu işlem
Mevcut yüzlerce görseli tek seferde dönüştürmek için komut satırı en pratik yoldur:
for file in *.jpg; do
cwebp -q 85 "$file" -o "${file%.jpg}.webp"
doneBu script klasördeki tüm JPEG dosyalarını WebP'ye çevirir, orijinallere dokunmaz. Tek seferlik bir iş — sonrasında yeni görseller için otomatik pipeline kurmanız gerekir.
Format dönüştürme küçük bir adım gibi görünür ama etkisi büyük. Görsel ağırlıklı sitelerde sayfa hızı, kullanıcı deneyimi ve arama motoru performansı üzerinde doğrudan fark yaratır. WebP çoğu senaryo için güvenli ve verimli; eski tarayıcılar için `<picture>` etiketiyle fallback eklemek yeterli.
Mevcut görsellerinizi analiz edin, hangi formatta olduklarını ve ne kadar yer kapladıklarını kontrol edin. Uygun formatı seçip dönüştürün. Yeni görseller için de otomatik bir süreç kurarsanız, bu işi bir daha düşünmenize gerek kalmaz. Görsellerinizi düzenli olarak sıkıştırarak boyutlarını kontrol altında tutabilirsiniz.