Image Compressor ucretsiz mi?

Evet. [Image Compressor](/tr/image-compressor) tamamen ucretsiz ve kayit gerektirmez. Tum islemler tarayicinizda yapilir.

Image Compressor kullanmak icin bir sey yuklemem gerekiyor mu?

Hayir. [Image Compressor](/tr/image-compressor) dogrudan tarayicinizda calisir — indirme, eklenti veya kayit gerekmez.

Image Compressor kullanirken verilerim guvenli mi?

Evet. Tum veriler tarayicinizda kalir ve sunucularimiza asla gonderilmez.

resim seo temel web hayati bilgileri lcp performans teknik seo

Önemli Web Verileri için Görsel SEO Kontrol Listesi

"Önemli Web Verileri için Görsel SEO Kontrol Listesi" için pratik rehber: temel adımlar, yaygın hatalar ve Görüntü Sıkıştırıcı ile uygulama.

Yazar Tools Hub editoryal ekibi·Yayınlandı 14 Ocak 2026·Okuma zamanı: 8 dk.

Araca git

Görüntü Sıkıştırıcı

Gerektiğinde tarayıcı kontrolleri ve sıraya alınmış sunucu işlemleriyle görüntüleri sıkıştırın.

Verimlilik

Araca git →Tüm makaleler

Temel Web Verileri için Resim SEO Kontrol Listesi

Resimler, çoğu web sitesinde sayfa ağırlığına en büyük katkıyı sağlayan ve zayıf LCP puanlarının bir numaralı nedenidir. Bu kontrol listesi, Temel Web Verilerini etkileyen her optimizasyonu kapsar.

LCP (En Büyük İçerikli Boyama)

Kahraman resmi genellikle LCP öğesidir. Hedef: 2,5 saniyenin altında.

•[ ] Sıkıştırmadan sonra Kahraman resmi 200KB'ın altında. Kalite 80'de WebP veya kalite 65'te AVIF kullanın.

•[ ] Tarayıcının CSS'yi ayrıştırmadan önce getirmesi için Kahraman resmini önceden yükleyin:

<link rel="preload" as="image" href="/images/hero.webp" type="image/webp" />

•[ ] CDN'den sunun. Resmi, kaynak sunucunuzdan değil, en yakın PoP'tan yüklenecek şekilde uçta önbelleğe alın. Tipik iyileştirme: 100-300ms.

•[ ] Kahraman resminde geç yükleme yok. LCP resmindeki loading="lazy" özelliği onu geciktirir. Yalnızca kat altı resimleri geç yükleyin.

•[ ] Kahraman için CSS arka plan resimlerinden kaçının. Önceden yüklenemezler ve tarayıcı tarafından geç keşfedilirler.

CLS (Kümülatif Düzen Kayması)

Boyutları olmayan resimler, yüklendiklerinde düzen kaymasına neden olur. Hedef: 0,1'in altında.

•[ ] Her <img> etiketinde genişlik ve yükseklik özelliklerini ayarlayın:

<img src="photo.webp" width="800" height="450" alt="..." />

•[ ] Ölçeklenmesi gereken duyarlı resimler için aspect-ratio CSS'sini kullanın:

img { aspect-ratio: 16 / 9; width: 100%; height: auto; }

•[ ] Ayrılmış alanı olmayan katın üzerinde dinamik olarak eklenen resimler yok.

INP (Sonraki Boyamaya Etkileşim)

•[ ] İlk yükleme sırasında ana iş parçacığı çalışmasını azaltmak için Tüm kat altı resimleri geç yükleyin:

<img src="photo.webp" loading="lazy" width="800" height="450" alt="..." />

•[ ] Kod çözme işleminin etkileşimleri engellemesini önlemek için kritik olmayan resimler için eşzamansız kod çözme:

<img src="photo.webp" loading="lazy" decoding="async" alt="..." />

Alt Metni

•[ ] Resmin görünümünü değil, işlevini açıklayın. "Aylık gelir tablosunu gösteren gösterge paneli", "bir tablonun resmi"nden daha iyidir.

•[ ] Anahtar kelimeleri doğal olarak ekleyin ancak doldurmayın. Alt metin başına bir alakalı anahtar kelime.

•[ ] Dekoratif resimler boş bir alt alır: alt="".

•[ ] Ürün resimleri ürün adını ve temel özelliği içermelidir: alt="Beyaz Nike Air Max 90, yan görünüm".

Biçim ve Duyarlı Sunum

•[ ] `<picture>` aracılığıyla JPEG geri dönüşü ile birincil biçim olarak WebP kullanın (bkz. Resim Sıkıştırma Hattı).

•[ ] Duyarlı resimler için srcset kullanın:

<img
  srcset="photo-400.webp 400w, photo-800.webp 800w, photo-1600.webp 1600w"
  sizes="(max-width: 600px) 100vw, 800px"
  src="photo-800.webp"
  alt="Ürün detayı"
/>

•[ ] 400px görüntü alanlarına 1600px resimler sunmayın. Srcset özelliği, tarayıcının doğru boyutu seçmesini sağlar.

Hızlı Kazanımlar

1.En iyi 10 açılış sayfası resminizde Resim Sıkıştırıcı'yı çalıştırın.

2.CLS'yi ortadan kaldırmak için her <img> etiketine width ve height ekleyin.

3.İlk görüntü alanının altındaki tüm resimlere loading="lazy" ekleyin.

4.LCP resminizi önceden yükleyin.

Yalnızca bu dört adım, tipik olarak LCP'yi %30-50 oranında ve CLS'yi sıfıra yakın bir değere iyileştirir.

İlgili

•Resim Sıkıştırma Hattı: JPEG'den WebP ve AVIF'e

•OG Resim Boyutları 2026

•Blog dizini

Editoryal standartlar

Bu içerik, doğruluk, pratik uygulanabilirlik ve güncel ürün akışlarıyla tutarlılık açısından Tools Hub editoryal ekibi tarafından gözden geçirilir.

Son gözden geçirme: 14 Ocak 2026

Hakkında İletişim Gizlilik politikası

Makale gezinmesi

Tüm makaleler

Daha yeni makale

Görüntü Sıkıştırma Ardışık Düzeni: JPEG'den WebP'ye ve AVIF'ye

Daha eski makale

Şifre Politikası: Uzunluk ve Karmaşıklık

İlgili makaleler

Görüntü Sıkıştırma Ardışık Düzeni: JPEG'den WebP'ye ve AVIF'ye

8 dk.

"Görüntü Sıkıştırma Ardışık Düzeni: JPEG'den WebP'ye ve AVIF'ye" için pratik rehber: temel adımlar, yaygın hatalar ve Görüntü Sıkıştırıcı ile uygulama.

15 Oca 2026Şimdi oku

Optimize SQL Queries with AI

5 dk.

SQL Optimize Edici AI ile yavaş sorguları analiz edin ve optimizasyon önerileri, yürütme planı analizi ve indeks tavsiyeleri alın.

4 Nis 2026Şimdi oku

Daha Hızlı Açılış Sayfaları için JPG'den WebP'ye

7 dk.

"Daha Hızlı Açılış Sayfaları için JPG'den WebP'ye" için pratik rehber: temel adımlar, yaygın hatalar ve JPG'den WebP'ye Dönüştürücü ile uygulama.

27 Şub 2026Şimdi oku

Mobil Web Performansı için HEIC'den WebP'ye Kılavuz

7 dk.

"Mobil Web Performansı için HEIC'den WebP'ye Kılavuz" için pratik rehber: temel adımlar, yaygın hatalar ve HEIC'den WebP'ye dönüştürücü ile uygulama.

27 Şub 2026Şimdi oku