Kalite kaybetmeden gorsel nasil sikistirilir: 2026 kapsamli rehber

Gorseller ortalama olarak bir web sayfasinin toplam agirliginin %50 ila %75'ini olusturur. Optimize edilmemis gorsellere sahip bir site yuklenme icin birkac saniye surebilir; bu da dogrudan kullanici deneyimini, Google siralamasini ve donusum oranlarini etkiler.

Google verilerine gore, mobil kullanicilarin %53'u yuklenmesi 3 saniyeden fazla suren siteleri terk ediyor. Her ek saniye yuklenme suresi, donusumleri yaklasik %7 azaltiyor. Hizin kritik oldugu bir dunyada gorsel sikistirma istege bagli degil, bir zorunluluktur.

Ayrica Google, Core Web Vitals metriklerini siralama faktoru olarak kullaniyor ve genellikle sayfanin ana gorseli tarafindan belirlenen Largest Contentful Paint (LCP), en onemli gostergelerden biridir. 5 MB'lik bir hero gorseli, sonuc sayfasinin ilk sayfasinda yer alma ile gomunlu kalma arasindaki farki yaratabilir.

Iyi haber su ki modern sikistirma teknolojisi, algilanabilir gorsel kayip olmadan %60-80 boyut azaltimi saglamaktadir. Dogru araclar ve bilgiyle, orijinalle ayni gorunen hafif gorsellere sahip olabilirsiniz.

Iki temel gorsel sikistirma turu vardir ve farki anlamak dogru stratejiyi secmenin anahtaridir:

Lossless sikistirma (kayipsiz):

• Hicbir gorsel verisi silmeden dosya boyutunu kucultut
• Sonuc orijinalle piksel piksel aynidir
• Tipik azalma: Orijinal boyutun %10-40'i
• Veri fazlaliligini ortadan kaldirarak calisir (tekrarlayan desenler, gereksiz metadata)
• Ideal kullanim: logolar, ikonlar, ekran goruntuleri, yazi iceren grafikler, sonradan duzenleme gerektiren gorseller
• Ana formatlar: PNG (yerel lossless), WebP lossless, AVIF lossless

Lossy sikistirma (kayipli):

• Insan gozunun zor fark edecegi bilgileri silerek boyutu kucultut
• Sonuc orijinalle ayni degildir, ancak yuksek kalite ayarlarinda (%80-90) fark algilanamaz
• Tipik azalma: Orijinal boyutun %60-85'i
• Ince renk detaylarini atarak ve karmasik alanlari basitlestirerek calisir
• Ideal kullanim: fotograflar, bannerlar, urun gorselleri, arka planlar, kucuk bir kalite fedakarligi kabul edilebilir olan herhangi bir gorsel
• Ana formatlar: JPEG, WebP lossy, AVIF lossy

Pratikte, %80-85 kalitedeki lossy sikistirma, fotografik gorsellerin buyuk cogunlugu icin orijinalden gorsel olarak ayirt edilemez. Gorsel sikistirma aracimiz kalite seviyesini ayarlamaniza ve indirmeden once sonucu karsilastirmaniza olanak tanir.

Dogru formati secmek, sikistirmanin kendisi kadar onemlidir. Her formatin kendine ozgu gucluu ve zayif yonleri vardir:

Ozellik	JPEG	PNG	WebP	AVIF
Sikistirma turu	Lossy	Lossless	Her ikisi	Her ikisi
Seffaflik	Hayir	Evet	Evet	Evet
Animasyon	Hayir	Hayir (APNG evet)	Evet	Evet
Goreceli boyut	Orta	Buyuk	Kucuk	Cok kucuk
Gorsel kalite	Iyi	Mukemmel	Cok iyi	Harika
Tarayici destegi	Evrensel	Evrensel	%97+	%93+
En iyi kullanim	Fotograf	Grafikler, logolar	Web'de her sey	Maksimum tasarruf

Onerilerin ozeti:

• Web fotograflari icin: WebP lossy kullanin. Ayni gorsel kalitede JPEG'den %25-35 daha kucuk boyut sunar. Evrensel uyumluluk gerekiyorsa yedek olarak JPEG kullanin.
• Grafikler, logolar ve ikonlar icin: Mumkun oldugunda SVG kullanin (vektor formati). Raster gerekiyorsa, mukemmel kalite icin PNG veya daha kucuk boyut icin WebP lossless.
• Seffaf gorseller icin: WebP, ayni kalitede PNG'den boyut olarak ustundur. Uyumluluk kritikse PNG hala gecerlidir.
• Maksimum performans icin: AVIF mevcut en iyi sikistirmayi sunar, ancak kodlama daha yavas ve tarayici destegi WebP'den biraz dusuktur.

Tum bu formatlar arasinda ucretsiz donusum yapabilirsiniz: gorsel format donusturucu veya dogrudan WebP donusturucu ile.

Gorsellerinizin hangi boyutlara ihtiyac duydugunu bilmek, sikistirma kadar onemlidir. Sikistirilmis 4000x3000 piksellik bir gorsel, 800x600 alanda gosteriliyorsa hala gereksiz yere agirdir. Yaygin web kullanimlari icin onerilen boyutlar sunlardir:

Kullanim	Onerilen boyutlar	Hedef agirlik
Hero gorsel/banner	1920x1080 px	150-300 KB
Icerik gorseli	Genislik 800-1200 px	80-150 KB
Kucuk resim	Genislik 300-400 px	20-50 KB
Urun gorseli	Genislik 800-1000 px	60-120 KB
Open Graph (sosyal medya)	1200x630 px	100-200 KB
Favicon	32x32 / 180x180 px	5-15 KB
Profil fotografi	400x400 px	30-60 KB

Dogru boyutlandirma icin ipuclari:

• Retina ekranlar (2x) icin gorunum boyutlarinin iki kati buyukluguude gorseller olusturun ve HTML'de srcset ozelligini kullanarak cihaza gore uygun versiyonu sunun.
• Kameradan dogrudan boyutlandirmadan gorsel yuklemeyin. Tipik bir akilli telefon fotografi 3-8 MB agirliginda ve 4000+ piksel boyutundadir.
• Sayfaniz icin toplam agirlik butcesi belirleyin. Google, sayfalarin 3G baglantilarda 3 saniyenin altinda yuklenmesini onerir; bu yaklasik 1,5 MB'lik bir toplam butce anlamina gelir.

En iyi sonuclari elde etmek icin sikistirmadan once gorsel boyutlandirma aracimizi kullanin. Once boyutlandirip sonra sikistirmak, tam boyutlu orijinal gorseli sikistirmaktan her zaman daha kucuk dosyalar uretir.

Teorinin otesinde, gercek durumlarda hangi formati secmeniz gerektigine dair pratik bir rehber:

Fotograf ve editoryal icerik:

• Ilk tercih: WebP lossy %80-85 kalite
• Alternatif: JPEG %82-85 kalite
• Fotograflar icin asla PNG kullanmayin: dosya gorsel bir avantaj olmadan 3-5 kat daha agir olacaktir

E-ticaret ve urunler:

• Katalog gorselleri: WebP lossy %85 (kalite ve boyut arasinda iyi denge)
• Urun zoom: WebP lossy %90 veya JPEG %90 (daha fazla detay gerektirir)
• Beyaz arka plan kesilmis: Seffaf WebP (geleneksel kesilmis PNG'nin yerini alir)

Logolar ve marka kimligi:

• Mumkunse her zaman SVG (kayipsiz olceklenebilir, minimum agirlik)
• Raster gerekiyorsa: Logo az renkli oldugunda indeksli renkli (8-bit) PNG
• Logolar icin JPEG'den kacinin: Sikistirma artefaktlari keskin kenarlarda ve metinlerde gorunur

Ekran goruntuleri ve arayuzler:

• Maksimum metin netligi icin PNG
• Daha hafif alternatif olarak WebP lossless
• JPEG yalnizca ekran goruntusu cogunlukla fotografikse (orn: Google Maps ekran goruntusu)

Sosyal medya:

• Her platformun ozelliklerini takip edin (Instagram: paylasimlar icin 1080x1080, hikayeler icin 1080x1920)
• Maksimum uyumluluk icin JPEG %90 kullanin
• Platformlar gorselleri yeniden sikistirir, bu yuzden telafi etmek icin yuksek kalitede yukleyin

NexTools'ta gorsellerinizi sikistirmak hizli ve basittir. Tum isleme dogrudan tarayicinizda gerceklesir, gorsellerinizi herhangi bir sunucuya yuklemenize gerek yoktur:

1. Sikistiriciyi acin: Herhangi bir modern tarayicidan gorsel sikistirma aracimiza gidin.
2. Gorsellerinizi yukleyin: Gorselleri surukleyip birakin veya secmek icin tiklayin. Birden fazla gorseli ayni anda isleyebilirsiniz.
3. Kaliteyi ayarlayin: Kalite seviyesini belirlemek icin kaydiriciyi kullanin. Fotograflar icin %80-85 en iyi dengeyi sunar. Metin iceren grafikler icin %90 veya uzerinde tutun.
4. Onizleme: Kalitenin kabul edilebilir oldugunden emin olmak icin orijinal gorseli sikistirilmis olanla karsilastirin. Farklar gorurseniz kaliteyi hafifce artirin.
5. Indirme: Sikistirilmis gorselleri tek tek veya toplu olarak indirin.

Birden fazla gorsel icin ideal is akisi:

1. Oncelikle, gorselleri boyutlandirin gercekten ihtiyaciniz olan boyutlara
2. Ardindan, platformunuz destekliyorsa WebP'ye donusturun
3. Son olarak, uygun kalite seviyesiyle sikistirin

Bu uc adimli is akisi, gorsel boyutunu orijinale gore %80-95 azaltabilir ve 5 MB'lik bir fotoyu algilanabilir gorsel fark olmadan kolayca 200 KB'nin altina indirebilir.

Optimizasyonu bir ust seviyeye tasinak istiyorsaniz, bu gelismis teknikler her kilobayt tasarruf etmenize yardimci olacaktir:

Srcset ile duyarli gorseller:

Tum cihazlar icin tek bir gorsel sunmak yerine, birden fazla versiyon olusturun ve tarayicinin en uygun olani secmesine izin verin. HTML ornegi:

• 3 versiyon olusturun: 400px, 800px ve 1200px genislik
• Ilgili boyutlarla srcset ozelligini kullanin
• Tarayici yalnizca gereken versiyonu indirir, mobil cihazlarda veri tasarrufu saglar

Lazy loading (gecikmeli yukleme):

• Fold altindaki gorsellere (sayfa yuklendiginde gorunmeyen) loading="lazy" ozelligi ekleyin
• Tarayici bu gorselleri yalnizca kullanici kayarak yaklaastiginda indirir
• Cok sayida gorsel iceren sayfalarda ilk yuklemeyi %30-50 azaltabilir

Metadata temizleme:

• Kamera ve akilli telefon fotograflari EXIF metadata icerir (kamera modeli, GPS konumu, pozlama ayarlari)
• Bu veriler gorsel katki olmadan dosyaya 20-100 KB ekleyebilir
• Sikistirma aracimiz sikistirma sirasinda gereksiz metadata'yi otomatik olarak siler
• Boyut azaltmanin yani sira, konum verilerini paylasmayarak gizliliginizi de korur

CSS Sprite ve Data URI:

• Kucuk ve tekrarlanan ikonlar icin, bunlari bir sprite sheet'te birlestirmek HTTP isteklerini azaltir
• Cok kucuk gorseller (1-2 KB'nin altinda) icin, bunlari Data URI base64'e donusturup dogrudan CSS'e gomrmek, ayri bir HTTP isteginden daha verimli olabilir

NexTools, gorsel optimizasyonu icin eksiksiz bir ucretsiz arac seti sunar; hepsi dogrudan tarayicinizda calisir, dosyalari herhangi bir sunucuya yuklemenize gerek yoktur:

• Gorsel sikistirma araci: JPEG, PNG ve WebP gorsellerinizin boyutunu kalite seviyesi uzerinde tam kontrol ile kucultun. Once ve sonrayi gercek zamanli karsilastirin.
• Gorsel format donusturucu: JPEG, PNG, WebP, AVIF, BMP ve daha fazlasi arasinda donusum yapin. Kaliteyi koruyarak daha verimli formatlara gecmek icin idealdir.
• WebP donusturucu: Herhangi bir gorseli hizla Google'in web icin onerdigi WebP formatina donusturun. JPEG'e kiyasla tipik %25-35 azalma.
• Gorsel boyutlandirma: Gorsellerinizin boyutlarini tam olarak ihtiyaciniz olan olculere ayarlayin. Sikistirmadan once boyutlandirmak en iyi sonuclari verir.

Tum araclar gorsellerinizi tarayicinizda yerel olarak isler. Dosyalariniz asla herhangi bir sunucuya yuklenmez, gizliliginiz ve guvenliginiz garanti altindadir. Kayit gerektirmez ve kullanim siniri yoktur.