CodeKitHubNeden Kullanmalısınız?
- Sahibinden veya benzeri bir ilan sitesine yükleyeceğiniz telefon fotoğrafları 4-5 MB'tan büyük ve site sınır koyuyor — kaliteyi düşürmeden boyutu birkaç yüz KB'a indirin.
- Bir emlak ilanı veya ürün sayfası için çektiğiniz fotoğrafları paylaşmadan önce, içindeki GPS konum bilgisinin (EXIF verisi) kalıp kalmadığını merak ediyorsunuz — sıkıştırma sırasında bu bilgi kaldırılır, evinizin adresi görsele gömülü kalmaz.
- WhatsApp veya e-posta üzerinden birine 20 tatil fotoğrafı göndereceksiniz ama bağlantı yavaş — toplu modda hepsini aynı anda sürükleyip bırakın, her biri ayrı ayrı sıkıştırılıp indirilsin.
- Henüz yayınlanmamış bir müşteri tasarımının ekran görüntüsünü sıkıştırmanız gerekiyor ama gizlilik sözleşmeniz dosyanın üçüncü bir sunucuya yüklenmesini yasaklıyor — işlem tamamen tarayıcınızda kalır.
- Kişisel bir web sitesi kuruyorsunuz ve sayfa açılış hızını artırmak için başlık görselini 500 KB'ın altına indirmeniz gerekiyor — maksimum genişliği ve kaliteyi ayarlayıp anında sonucu görün.
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.
Kayıplı ve kayıpsız sıkıştırma arasındaki fark nedir?
Kayıplı sıkıştırma (JPG, WebP'nin kayıplı modu) dosyayı küçültmek için gözle fark edilmesi zor piksel detaylarını kalıcı olarak atar; kayıpsız sıkıştırma (PNG) ise hiçbir piksel verisini kaybetmeden dosyayı yeniden düzenler, bu yüzden fotoğraflarda çok daha az yer kazandırır. Fotoğraflar için kayıplı, keskin kenarlı grafikler için kayıpsız format tercih edilmelidir.
EXIF verisi (konum, kamera bilgisi) sıkıştırma sırasında korunuyor mu?
Hayır, kaldırılır. Görüntü HTML5 canvas üzerinden yeniden kodlandığında GPS konumu, çekim tarihi ve kamera modeli gibi EXIF meta verileri çıktıya taşınmaz. Bu, ilan veya sosyal medya için paylaşacağınız fotoğraflarda konum bilginizin istemeden ifşa olmasını önler ama fotoğrafın çekim tarihini korumak isterseniz orijinal dosyayı saklamanız gerekir.
Sıkıştırma işlemi mobil tarayıcılarda da çalışır mı?
Evet — araç, canvas API'sini destekleyen her tarayıcıda (Android Chrome, iOS Safari dahil) aynı şekilde çalışır. Tek fark, çok sayıda büyük dosyayı toplu işlerken telefonun işlemci gücüne bağlı olarak masaüstünden biraz daha yavaş olabilmesidir.
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.
Gizlilik: EXIF verisi ve konum bilgisi
Telefonla çekilen neredeyse her fotoğrafın içine, çoğu kullanıcının farkında olmadığı bir EXIF veri bloğu gömülür: çekim yapılan GPS koordinatları, kameranın markası ve modeli, çekim tarihi ve saati, hatta bazen kullanılan lens ayarları. Bu bilgiyi taşıyan bir fotoğrafı doğrudan bir ilan sitesine, forum gönderisine veya sosyal medyaya yüklediğinizde, evinizin veya iş yerinizin tam konumunu istemeden paylaşmış olabilirsiniz.
Bu araçtaki sıkıştırma işlemi görüntüyü bir HTML5 canvas üzerinden yeniden çizdiği için, çıktı dosyasında orijinal EXIF bloğu bulunmaz — bu bir yan etki değil, canvas'ın çalışma şeklinin doğal bir sonucudur. Konum verisini korumanız gereken nadir durumlarda (örneğin bir fotoğrafçılık portföyü için) orijinal dosyayı ayrıca saklamanız gerekir.
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.