Google'ın Squoosh.Uygulamasına Yönelik Bir Kılavuz

Yayınlanan: 2022-01-19

Gelişmiş site performansı için web sitenizdeki resimleri sıkıştırmanız ve optimize etmeniz mi gerekiyor? Google'ın resim sıkıştırma aracı Squoosh.App sizin için harika bir seçenek olabilir. Bu makalede, Squoosh'un ne olduğunu, nasıl kullanılacağını ve web sitesi sahiplerinin, kullanıcılarına mümkün olan en iyi deneyimi sağlamak için web sitelerini optimize etmelerine nasıl yardımcı olabileceğini inceleyeceğiz.

Squoosh.App nedir?

Google'ın Squoosh.App'i, GoogleChromeLabs tarafından oluşturulan açık kaynaklı bir görüntü sıkıştırma uygulamasıdır. Squoosh tarayıcı tabanlıdır ve herhangi bir web tarayıcısında daha hızlı yükleme için büyük resimleri sıkıştırmak için özel olarak tasarlanmıştır. Uygulama herkesin kullanması için ücretsizdir ve Chrome, Firefox ve Safari gibi tüm büyük tarayıcılarda hem çevrimiçi hem de çevrimdışı çalışır.

Squoosh, web sitesi optimizasyonunu amaçlayan daha büyük bir keşif projesinin parçası olarak GitHub'da çalışır. Büyük, yüksek çözünürlüklü görüntüler sitenin yüklenmesini yavaşlatabileceğinden ve çeşitli Önemli Web Verilerinde daha düşük çekirdeklerin bir parçası olabileceğinden, Google, web sitesi sahiplerinin daha iyi site performansı ve optimum tarama hızları için görüntülerini sıkıştırmasına yardımcı olmaya odaklanmıştır.

Squoosh ekranı, kullanıcıların görüntü sıkıştırmalarının öncesi ve sonrası sonuçlarını görebilmeleri için bölünmüştür. Bu araç, orijinal ve sıkıştırılmış görüntüler arasındaki genellikle göz ardı edilebilir farklılıklara (hiç fark edilirse) bir göz atmanızı sağlar. Bununla birlikte, sıkıştırılmış ve hız için optimize edilmiş görüntüler, daha hızlı yükleme sürelerine ve daha iyi bir kullanıcı deneyimine katkıda bulunur. SEO sıralamanızı yükseltmeye bile yardımcı olabilirler.

Squoosh'ta bir görüntüyü sıkıştırmak hızlı ve kolaydır ve kullanıcılar sıkıştırılmış görüntülerini düzenledikten hemen sonra indirebilirler. Şimdi uygulamanın nasıl kullanılacağına bir göz atalım.

Squoosh.App Nasıl Kullanılır

Squoosh'ta bir görüntüyü sıkıştırmak mı istiyorsunuz? Web için optimize edilmiş görüntünüzü yüklemek, düzenlemek ve ardından kaydetmek kadar basit, sezgisel ve basit bir işlemdir.

Öncelikle yeni bir tarayıcı penceresi açın ve https://squoosh.app/ adresine gidin.

Ardından, kendi resminizi düzenleyiciye yükleyebilir veya sürükleyip bırakabilirsiniz. (Maalesef gruplar halinde çalışamayacaksınız, bu nedenle her seferinde bir resim seçin.)

Önceki görüntünüz, kaydırma çubuğunun sol tarafında, sonraki görüntü sağda olacak şekilde bulunur. Ekranın alt orta kısmındaki yakınlaştırma aracını kullanarak yakınlaştırın ve uzaklaştırın.

Alternatif olarak, düzenleyicinin nasıl çalıştığını görmek için ekranın alt kısmında sağlanan resimlerden birini seçebilirsiniz.

Resminizi yükledikten sonra, tarayıcı arayüzünü kullanarak onu ayarlamaya başlayabilirsiniz. Karşılaştırma kaydırıcısı, projeniz için ihtiyaç duyduğunuz görüntü kalitesi düzeyini koruyabilmeniz için orijinal görüntü ile sıkıştırılmış görüntünüz arasındaki farkı size gösterecektir.

Ekranınızın sol alt köşesindeki Sıkıştır kutusu varsayılan olarak orijinal görüntünüzü gösterir. Farklı görüntü seçeneklerini görüntülemek için açılır menüyü kullanabilirsiniz:

  • AVIF
  • Tarayıcı JPEG'i
  • Tarayıcı PNG
  • JPEG XL (beta)
  • MozJPEG
  • OksiPNG
  • WebP
  • WebP v2 (kararsız)

Squoosh'ta Resminizi Düzenleme

Ekranın sağ alt tarafında Düzenle menüsünü göreceksiniz. Resmi yeniden boyutlandırmayı veya resminizin renk paletini küçültmeyi seçerseniz, genişletilmiş bir menüyü görmek için bu seçenekleri belirleyebilirsiniz.

Resminizi Squoosh ile yeniden boyutlandırmak söz konusu olduğunda, değiştirebileceğiniz bir dizi değişkeniniz vardır. Yapabilirsin:

  • Yeniden boyutlandırma için belirli bir yöntem ve ön ayar seçin
  • Görüntü genişliğini ve yüksekliğini manuel olarak sıfırlayın
  • Doğrusal RGB ve en boy oranını koruyup korumayacağınızı seçin
  • Alfa kanalının önceden çoğaltılıp çoğaltılmayacağını seçin

Ek olarak, gelişmiş web sitesi performansı için resminizin renk paletini azaltmak isteyip istemediğinizi seçebilirsiniz. Renkleri ve renk taklidini azaltmak için Paleti Küçült başlığı altındaki kaydırma çubuklarını kullanın.

Ardından, resminizi sıkıştırmanın zamanı geldi. Üç seçenekten birini seçebilirsiniz:

  • OptiPNG, TIFF, BMP, PNG, GIF ve PNM (bitmap görüntüsünün başka bir biçimi) formatlarındaki orijinal görüntüler için kullanılan bir PNG dönüştürücüdür. Bu seçenek, bilgilerden ödün vermeden görüntüleri sıkıştırır ve optimize eder.
  • MozJPEG, JPG, BMP ve PPM formatlarındaki orijinal görüntüler için bir PNG dönüştürücü. Bu yöntem, hem uyumluluğu hem de kaliteyi korurken JPEG'leri sıkıştırır.
  • WebP, Google tarafından geliştirilen ve kayıpsız ve kayıplı sıkıştırmadan yararlanan bir sıkıştırma yöntemi. WebP görüntüleri inanılmaz derecede SEO dostudur.

Burada, sıkıştırmadan sonra %75 görüntü kalitesinde bile, sıkıştırılmış görüntünün hala orijinaliyle neredeyse aynı göründüğüne dikkat edin.

İleri düzey kullanıcılar için kanalları, nicelemeyi ve daha fazlasını ayarlamak için Gelişmiş Ayarlar'ı genişletin.

Bitirdiğinizde, düzenlenen dosyanızı kaydetmek için ekranın sağ alt köşesindeki İndir düğmesini tıklayın.

Squoosh, Benzer Araçlarla Nasıl Karşılaştırılır?

Farklı platformlar ve kullanımlar için birden fazla görüntü sıkıştırma aracı mevcuttur. Bir görüntü sıkıştırma aracı seçtiğinizde, kullanımlarınıza uygun olduğundan emin olmak isteyeceksiniz. Squoosh'a benzer özelliklere sahip bazı araçlar, yalnızca kişisel kullanım içindir (ticari olmayan), ücretli veya yalnızca belirli cihazlar için yapılmış indirilebilir uygulamalardır.

Resimlerinizin kalitesinden ödün vermeyen bir araç seçmek isteyeceğinizi unutmayın. Seçeneklerinizi analiz ettiğinizde, sıkıştırma sonrası aracın görüntü kalitesini kontrol etmek isteyeceksiniz.

En çok önerilen Squoosh rakiplerinden biri, ücretsiz, açık kaynaklı bir görüntü sıkıştırma uygulaması olan Caesium'dur. Sezyum hem tarayıcı tabanlı hem de indirilebilir olduğundan kullanıcılar bundan en iyi nasıl yararlanacaklarına karar verebilir. Alternatif olarak, ImageOptim API'si, aylık 12,00 USD'den başlayan ücretli üyelikle benzer şekilde çalışır.

Ayrıca, görüntü sıkıştırma ihtiyaçlarını karşılayan WordPress eklentilerini de bulabilirsiniz. ShortPixel ve Smush, görüntü sıkıştırmanızı otomatikleştirebilen araçlardır. Panolarından ayrılmadan hepsi bir arada bir çözüm isteyen WordPress kullanıcıları için bunun gibi bir eklenti harika bir seçenek olabilir.

Squoosh, diğer uygulamaların sahip olduğu görüntü toplu işleme veya otomasyon seçeneklerine sahip değildir. Bununla birlikte, kusursuz kaliteyi korurken bir görüntüyü sıkıştırma yeteneği inanılmaz derecede önemli bir avantajdır. Sonuç olarak, ihtiyaçlarınız için doğru aracı seçmek size kalmış.

Çözüm

Resimlerinizi optimize etmek ve web sitesi yükleme süresini hızlandırmak, hem site ziyaretçileri hem de SEO sıralamaları için kritik öneme sahiptir. Squoosh.app, yüksek kaliteyi korurken web sitenizin resimlerini başarıyla sıkıştırmanıza yardımcı olur. Bu büyük bir artı, özellikle site sahipleri hızlı yüklenen güzel web sitelerinin önemini anladıkları için. Ancak en büyük dezavantajı, görüntüleri toplu olarak işleyememektir. Bu bir anlaşma kırıcı değilse, Squoosh oldukça sağlam bir seçimdir.

Squoosh'u kullandınız mı? Yoksa deneyebileceğiniz bir araç gibi mi geliyor? Yorumlarda deneyimlerinizi bize bildirin!

Overearth / Shutterstock.com üzerinden Öne Çıkan Görsel