CodeKitHubNeden Kullanmalısınız?
- %100 yerel: Görüntüler cihazınızdan asla dışarı çıkmaz — özel fotoğraflarınız ve henüz yayınlanmamış tasarımlarınız için güvenlidir.
- Sınır yok: maksimum dosya boyutu yok, günlük kota yok, filigran yok, hesap yok.
- Toplu iş modu — Birden fazla resmi aynı anda ekleyin; her birinin indirilmesi ayrı ayrı gerçekleştirilir.
- Kalite kaydırma çubuğu + maksimum genişlikte yeniden boyutlandırma + JPG/WebP çıktı — gerçekten önemli olan bu üç ayar.
- Görüntü başına tam tasarruf miktarını gösterir; böylece avantaj ve dezavantajları değerlendirebilirsiniz.
Sıkça Sorulan Sorular
Sıkıştırma, resimlerimin kalitesini düşürür mü?
%70–85 kalite seviyesinde, ekranda görüntülenen fotoğraflarda farklar pratikte fark edilmez. Görünür bozulmalar ~%50’nin altında ortaya çıkar. Metin yoğun ekran görüntüleri bir istisnadır — bu tür görüntülerde JPG formatında bozulmalar daha erken görülür; bu tür görüntüler için WebP formatını deneyin veya kaliteyi %85’in üzerinde tutun.
Dosya boyutu veya sayısı konusunda bir sınır var mı?
Hayır. Sıkıştırma işlemi bir sunucu yerine cihazınızda gerçekleştirildiğinden, herhangi bir sınırlama yoktur — ister 50 MB’lık bir resmi ister toplu olarak 100 resmi sıkıştırın. Çok büyük resimler sadece biraz daha uzun sürer.
Resimlerim herhangi bir yere yükleniyor mu?
Hayır. Dosyalar, HTML5 canvas API’si kullanılarak tamamen tarayıcınız tarafından okunur ve yeniden kodlanır. Bu sayfayı yükleyip çevrimdışı duruma geçseniz bile sıkıştırma işlemi devam eder.
JPG mi yoksa WebP formatında mı kaydetmeliyim?
WebP, aynı görsel kalitede genellikle %25–35 daha küçüktür ve tüm modern tarayıcılarda çalışır — web siteleri için en uygun seçenektir. JPG ise eski yazılımlar ve yazıcılar dahil her yerde açılır — paylaşım ve e-posta için en uygun seçenektir. Kararsız kalırsanız, JPG'yi tercih edin.
PNG dosyam neden bu kadar küçüldü?
PNG, kayıpsız bir format olduğundan fotoğraflar için yer kaplar — fotoğraf niteliğindeki bir PNG dosyası, görsel olarak aynı olan bir JPG dosyasından genellikle 5–10 kat daha büyüktür. Fotoğraf niteliğindeki PNG dosyalarını JPG/WebP formatına dönüştürmek, en büyük yer tasarrufunu sağlar. PNG formatını yalnızca şeffaflık veya son derece keskin kenarlar gerektiren grafikler için kullanın.
Çıktı neden bazen orijinalinden daha büyük oluyor?
Görüntü zaten aşırı derecede sıkıştırılmışsa, yeniden kodlama bir fayda sağlamaz ve bayt ekleyebilir. Böyle bir durumda araç size bunu bildirir — bu durumda orijinal dosyayı saklamanız yeterlidir.
Bu Araç Nedir?
Bir resim sıkıştırıcı, resmi daha verimli (kayıplı) ayarlarla yeniden kodlayarak dosya boyutunu küçültür. Bir telefon kamerasından çekilen fotoğraf genellikle 3–8 MB boyutundadır; bir web sitesi, sohbet mesajı veya e-posta için ise 200–500 KB boyutundaki resimler ekranda genellikle aynı görünür. Daha küçük resimler daha hızlı yüklenir, daha hızlı açılır ve depolama alanı ile bant genişliğinden tasarruf sağlar.
Bu araç, resimleri tarayıcının kendi kodekiyle seçtiğiniz kalitede yeniden kodlar ve isteğe bağlı olarak çok büyük resimleri makul bir maksimum genişliğe küçültür — dosya boyutu açısından en önemli iki faktör budur. Sıkıştırma gücü ile görünür kalite arasında her zaman bir denge kurulması gerekir; canlı olarak gösterilen “önce/sonra” boyutları, her resim için en uygun dengeyi bulmanızı sağlar.
Boyut açısından format karşılaştırması: JPG, WebP ve PNG
Aynı fotoğraf, aynı görsel kalite, üç farklı boyut: PNG en büyük dosyadır (kayıpsız — fotoğraflar için genellikle JPG boyutunun 5–10 katı), JPG evrensel bir orta yol, WebP ise genellikle JPG’den %25–35 daha küçüktür. Dolayısıyla bir fotoğraf için sıkıştırma hiyerarşisi şöyledir: önce PNG formatından dönüştürün, ardından uyumluluk için JPG’yi veya en küçük boyut için WebP’yi seçin.
Grafikler durumu tersine çeviriyor: Ekran görüntüleri, logolar ve düz renkli kullanıcı arayüzü görselleri söz konusu olduğunda, renk paleti ile sınırlandırılmış bir PNG dosyası genellikle hem boyut hem de netlik açısından JPG’den daha üstündür — JPG’nin fotoğrafik sıkıştırma yöntemi keskin kenarları bulanıklaştırır. Bu durum için aşağıda özel bir araç bulunmaktadır.
| İçerik türü | En uygun format | Neden |
|---|---|---|
| Web/e-posta/sohbet için fotoğraflar | WebP (uyumluluk amacıyla JPG) | Kayıplı sıkıştırma, fotoğraf detayları için uygundur; WebP, aynı kalitede JPG’ye kıyasla %25–35 daha küçüktür. |
| Ekran görüntüleri, logolar, düz renkli kullanıcı arayüzü | PNG | Kayıpsız — JPG formatındaki fotoğraf sıkıştırması, keskin metinleri ve sert kenarları bulanıklaştırır. |
| Şeffaflık gerektiren görüntüler | PNG veya WebP | JPG'de alfa kanalı yoktur; PNG ve WebP ise şeffaf arka planları destekler. |
| Maksimum uyumluluk (eski yazılımlar, yazıcılar) | JPG | 1990’lardan beri yaygın olarak desteklenmektedir; WebP desteği ise daha yenidir, ancak günümüzde tarayıcılarda neredeyse evrensel olarak kullanılmaktadır. |
Performans notları
- Sıkıştırmadan önce boyutunu küçültün: boyutları 4000 pikselden 1920 piksele düşürmek, piksellerin yaklaşık %77’sini ortadan kaldırır — hiçbir kalite ayar çubuğu bununla boy ölçüşemez.
- Toplu işleme, CPU’nuzda sırayla gerçekleştirilir; bir dizüstü bilgisayarda yüz adet telefon fotoğrafının işlenmesi birkaç dakika sürer. Sunucuda hiçbir şey kuyruğa alınmaz, bu nedenle genellikle yükleme tabanlı sitelerden daha hızlıdır — ve çevrimdışı olarak da çalışır.
- −% değeri, geri bildirim döngüsüdür: Eğer tek haneli bir rakam gösteriyorsa, görüntü zaten optimize edilmiştir ve kalitenin daha fazla düşürülmesi, boyutun küçülmesine yardımcı olmaktan ziyade görüntünün kalitesini bozacaktır.
- Web yayıncılığı için, içerik görsellerinde ≤200 KB ve tam genişlikli başlık görsellerinde ≤500 KB sınırını hedefleyin; bu sınırlar, mobil bağlantılarda Core Web Vitals değerlerinin uygun seviyede kalmasını sağlar.
Kendi testlerimize göre
Bu aracı piyasaya sürmeden önce, onu oluşturulan test görselleri üzerinde çalıştırdık ve çıktıyı sadece gözle değil, piksel piksel kontrol ettik. 1920 piksel sınırıyla %75 kalitede 3000×2000 boyutundaki çok renkli bir PNG dosyası 140 KB'den 94 KB'ye (−%33) düştü — ve test görüntüsü sentetik olduğu için, hiçbir pikselin JPG kodekinin beklenen tolerans sınırını aşmadığını doğrulayabildik. Ayrıca, önceden optimize edilmiş dosya uyarısının, sessizce daha büyük bir dosya üretmek yerine doğru şekilde tetiklendiğini de teyit ettik: sıkı bir şekilde sıkıştırılmış bir JPG dosyası girdiğinizde, yardımcı olmuş gibi davranmak yerine orijinali saklamanızı önerir.
Nasıl Kullanılır
- Görselleri kutuya sürükleyip bırakın (veya tıklayarak seçin) — JPG, PNG ve WebP formatları desteklenmektedir.
- Kaliteyi ayarlayın: %75 iyi bir denge sağlar; maksimum tasarruf için %60’a düşürün.
- Maksimum genişlik seçin — 1920 piksel, tam ekran web kullanımı için fazlasıyla yeterlidir.
- JPG (evrensel) veya WebP (daha küçük boyutlu, tüm modern tarayıcılarda desteklenir) çıktı formatını seçin.
- Her sonucun yanındaki “İndir” seçeneğine tıklayın. Her dosya için boyut ve kaydedilen yüzde gösterilir.
Örnek
- Giriş
phone-photo.jpg — 4.20 MB, 4032×3024- Çıkış
phone-photo-compressed.jpg — 0.48 MB (−89%), 1920×1440
1920 piksel boyutuna getirip %75 kalitede yeniden kodlandığında: her ekranda görsel olarak aynı, boyutu 9 kat daha küçük.