Web tabanlı bir uygulama geliştirirken dikkat ettiğimiz en önemli kriterlerden biri de sayfalarımızın hızlı açılmasıdır. Sayfaların yavaş yüklenmesi ziyaretçilerimizde memnuniyetsizlik yaratacağı gibi arama motorları da sayfaları geç yüklenmesi nedeniyle puanını düşürüp arama sonuçlarında daha alt sıralarda çıkmasına neden olacaktır.

Sayfaların hızlı açılması için kod boyutunun ve kullanılan diğer dosyaların boyutlarının düşük olması, uygulamanın hızlı bir sunucuda host edilmesi, sunucudaki yazılımların sağlıklı çalışması.. gibi durumlara dikkat etmemiz gerekiyor. Sayfa boyutuna etki eden en önemli etkenlerden biri de resimlerin boyutu. Bilhassa çok renkten oluşan ve yüksek çözünürlükteki resimler web sayfasının yavaş yüklenmesini doğrudan etkiliyor.

Resimlerinizi Sıkıştırarak Sayfa Boyutlarını Düşürebilirsiniz

Günümüzde bu sorunu çözmek için site backgroundları, buttonlar vb. bir çok web görseli tek resim dosyasında saklanıp CSS yardımıyla web sayfalarında gösterilebiliyor. Ancak birçok sitede farklı resimler gösterme durumu da söz konusu, örneğin bir haber sitesinde haberle ilgili resimler veya bir alışveriş sitesindeki ürün resimlerini bu duruma örnek.

Bu durumda yapmamız gereken şey belli. Kullanmak zorunda olduğumuz resimlerin boyutunu olabildiğince küçültmek. Küçültme işleminin çözümü basit, resimleri sıkıştırmak! Ancak bununda en büyük dezavantajı görselin kalitesinin bozulması oluyor.

Resimleri sıkıştırmak ve farklı kalitelerde elde etmek için birçok uygulama bulunuyor. Photoshop, Gimp, Paint.NET gibi uygulamalar bu amaçla kullanabileceğimiz grafik işleme editörleri. Bu tarz araçların basit versiyonlarına online olarak da ulaşmak mümkün. Benim bu yazıda size tanıtmak istediğim araç ise sadece bu iş için, yani resimlerin kalitesini çok düşürmeden sıkıştırmak için kullanabileceğimiz online bir araç var: tinypng.com

Resim sıkıştırma üzerine en popüler servislerden biri olan tinypng.com ‘un amacı resim dosyalarının kalitesini bozmadan olabildiğince sıkıştırmak. Yapılan testlerde yüklenen resimlerin kalitesi neredeyse hiç bozulmadan 70% oranında küçüldüğü gözlemleniyor. Servisin adı tinypng olsa da jpg dosyalarını da desteklediğini belirtmemde fayda var. http://www.tinypng.com ulaşabileceğiniz bu servisle bir programa gerek duymadan saniyeler içerisinde elinizdeki resimleri kalitelerini çok düşürmeden sıkıştırabilirsiniz.

Eğer Photoshop kullanan bir tasarımcıysanız ilgili servisin Photoshop eklentisine https://tinypng.com/photoshop  adresinden ulaşabilirsiniz.

Tabii ki internetteki tek resim sıkıştırma aracı tinypng.com değil, buna benzer birçok online servis ve bilgisayarınızda çalıştırabileceğiniz programlar bulunuyor. Bunlardan bazıları şöyle:

Compressor.io (https://compressor.io)

JPG, PNG, GIF ve SVG formatlarını destekleyen, iki farklı sıkıştırma seçeneği sunan online bir hizmet

PNGGauntlet (http://pnggauntlet.com)

PNG dosyalar için kullanabileceğiniz bir Windows masaüstü uygulaması.

Caesium Image Compressor (https://saerasoft.com/caesium)

Farklı formatlarda resimleri sıkıştıran Windows masaüstü uygulaması. Uygulama aynı zamanda açık kaynaklı, Github üzerinden kaynak kodlarına erişmeniz mümkün.

File Optimizer (http://nikkhokkho.sourceforge.net/static.php?page=FileOptimizer)

Sadece resim dosyalarını değil, farklı birçok tipteki dosyayı da sıkıştırmanıza olanak sağlayan bir Windows masaüstü uygulaması.

Not: Sıkıştırma işlemi yapıldığından bu işlem sırasında mutlaka kalite kayıpları yaşanır. Tinypng ve burada bahsi geçen diğer araçlar dosya boyutunu düşürürken kayıp oranını da minimum seviyede tutmayı başarmaktadır.