Görsel sıkıştırıcı

Bu araç bir fotoğrafı ya da ekran görüntüsünü hiçbir yere göndermeden küçültür. Bir dosya seçin, çıktı biçimini belirleyin ve kalite kaydırıcısını sürükleyerek boyutun gerçek zamanlı düştüğünü görün.

Görseli gerçekte nasıl sıkıştırıyor?

Araç, jSquash’ı kullanır: Google’ın tarayıcı tabanlı görsel sıkıştırma aracı Squoosh’un kodekleriyle oluşturulmuş bir WebAssembly kodlayıcı takımı. Bu sayede JPEG ve WebP sıkıştırması, daha yavaş canvas tabanlı yöntemlere güvenmek yerine sekmenin içinde yerele yakın hızda çalışır. Kodlama işlemi bir Web Worker içinde gerçekleşir, yani arka planda büyük bir görsel yeniden kodlanırken bile kalite kaydırıcısını sürüklemek akıcı kalır. Ayrıca maksimum genişlik ya da yüksekliği de sınırlayabilirsiniz: görsel orijinal en boy oranını koruyarak küçülür, araç bir görseli kaynak boyutunun üzerine hiç büyütmez.

Görsellerim herhangi bir yere yükleniyor mu?

Hayır. Her şey istemci tarafında çalışır, yani görseliniz asla bir sunucuya değmez ve büyük bir dosya için beklenecek bir yükleme adımı yoktur. Bir fotoğrafı yeniden kodlamak aynı zamanda EXIF meta verisini de siler, bir kameranın ya da telefonun dosyaya gömdüğü GPS koordinatları dahil. Bir fotoğrafı herkese açık bir yere paylaşmak üzereyseniz ve konum bilgisinin peşinden gelmesini istemiyorsanız bunu bilmekte fayda var, çünkü orijinal dosyanın meta verisi yeniden kodlamadan sağ çıkmaz.

Ne için kullanışlı?

Sık kullanım alanları arasında bir hata bildirimi ya da destek talebi için bir ekran görüntüsünü dosya boyutu sınırının altına indirmek, bir CMS’ye yüklemeden önce bir grup ürün fotoğrafını küçültmek ya da eski bir PNG’yi daha hafif bir sayfa için WebP’ye çevirmek var. WebP ve JPEG kayıplı biçimler oldukları için ikisi de kalite kaydırıcısını destekler; PNG sıkıştırması kayıpsızdır, yani bir PNG’yi küçültmek çoğunlukla kalite kaybından değil yeniden boyutlandırmadan gelir.

İçerik için doğru biçimi seçmek, kaydırıcı kadar önemli. Bol geçişli ve detaylı fotoğraflar genelde PNG’den çok JPEG ya da WebP olarak daha iyi sıkışır; metin ekran görüntüsü ya da basit diyagram gibi düz grafikler ise kalite ayarına hiç ihtiyaç duymadan çoğu zaman PNG olarak daha küçük kalır. Boyut göstergesi kaydırıcıyı sürüklerken canlı güncellenir, böylece dosyanın artık pek küçülmediği ama görselin görünür şekilde bozulmaya başladığı noktayı görüp tam öncesinde durabilirsiniz. Maksimum genişlik ya da yüksekliği sınırlamak da işe yarar, çünkü yüksek kalitede küçük bir görsel, hem dosya boyutu hem de görünüm açısından çoğunlukla düşük kalitede tam boyutlu bir görselden daha iyi sonuç verir. Tarayıcının sıkıştırmadan önce kaynak görseli nasıl çözdüğü için MDN’nin createImageBitmap kılavuzuna bakabilirsiniz.