Resim araçlarının durumuna göz atın.
Web'e resim koymak bir iştir, ancak bunu iyi bir şekilde yapmak zordur. Doğru biçimi, sıkıştırmayı, inç başına nokta sayısını (DPI) ve diğer yüzlerce ayarı seçersek bunların hepsini kendimiz yaptığımızda kolaylıkla unutabiliyoruz.
Neyse ki artık tüm bunları bizim için yapabilecek çok sayıda araç ve hizmete sahibiz. O kadar da iyi olmayan bir haber ise, içerik bolluğu var. Sizin için doğru aracı veya hizmeti seçmek zor olabilir. Bu nedenle images.tooling.report adlı siteyi kullanıma sunuyoruz. Bu sitede, üretimde resim gönderirken en önemli bulduklarımızı listeledik ve en popüler yazılım ve hizmetlerden bazılarını (ücretli veya ücretsiz, barındırılan ya da kendi bünyesinde barındıranlar) karşılaştırıyoruz.
Peki bunun nedeni nedir?
Resimler bir sitenin aktarılan baytlarının büyük bir kısmını oluşturur ve bu baytlar birikir. Aslında, optimize edilmemiş resimlerin bir sayfanın toplam boyutunun yaklaşık% 75'ini oluşturduğunu tespit ettik. Boşa harcanan tüm bu baytların bir maliyeti vardır. Bu nedenle milyonlarca gerçek kullanıcı oturumunun yer aldığı bir çalışmada, dönüşüm gerçekleştiren sayfalar dönüşüm sağlamayanlara kıyasla% 38 daha az resim içeriyordu. Tüm resimlerinizi silmeniz mi gerekiyor? Elbette değil. Ancak gönderdiğiniz resimlerin, kullanılan cihazlardan bağımsız olarak tüm kullanıcılar için optimize edildiğinden emin olmanız gerekir.
Bu nedir?
Optimize edilmiş resimleri sunmak, "Web için Kaydet"i tıklamaktan daha fazlasıdır. Bu nedenle images.tooling.report çok çeşitli özellikleri kontrol eder. Farklı araçların ve hizmetlerin ne kadar sıkıştırma sağladığı gibi temel konuların yanı sıra uzun ömürlü önbellek başlıkları gibi ağ optimizasyonları da ele alınmaktadır.
Bununla da yetinmeyiz. Resimleri sürekli olarak sıkıştırmak için veri modellerini kullanabilen otomatik psiko-işitsel analizler aramak ve gözlerimizin algılama biçimini değiştirmeden en az baytı alan sürümü bulmak için Save-Data
, ECT
desteği ve diğer istemci ipuçları gibi daha gelişmiş seçenekleri araştırdık. Kabloyu göndermeden önce resimlerinizdeki görsel olmayan sonuncu parçayı sıkıyor musunuz?
Elbette her site bir kar tanesi. Bu beklenen bir durumdur. Test ettiğimiz öğeleri farklı kategorilere ayırdık. İçerik Yayınlama Ağları (CDN), kendi bünyesinde barındırılan projeler, İçerik Yönetim Sistemi (İYS) eklentileri ve site tasarım araçları ele alınmaktadır. Bunlar, farklı seçenekleri karşılaştırmayı daha alakalı hale getirmeye çalışırken kullanabileceğiniz son derece genel tanımlardır:
- İYS eklentileri, WordPress gibi platformlarda geliştirme için kolay bir seçenek olan paketlerdir.
- Site oluşturucular, web sitenizi oluşturmak için kullanabileceğiniz farklı hizmetleri karşılaştırır.
- Kendini barındırma özelliği, git projelerini klonlayabilen veya üretimde kendi Docker görüntülerini çalıştırabilen geliştiricilere yöneliktir.
- CDN'ler biraz daha karmaşıktır. Bunlardan bazıları geleneksel anlamda CDN olur ancak diğerleri, uçta resimlerinize proxy uygulayan veya barındıran hizmetlerdir.
Her zaman herkese her şey olamazsınız, ancak değerlendirilen testlere ve özelliklere göz atmanız ve resim optimize edicinizin nasıl sonuç verdiğine bakmanız gerekir. Şu anda görsel optimizasyonuyla ilgili herhangi bir işlem yapmıyorsanız ne yapabilirsiniz? Bu, resim araçlarını incelemek ve sitenizi halihazırda kullanan kişilere sunabileceğiniz avantajları görmek için harika bir fırsattır.
Sırada ne var?
Bir resim aracını veya hizmeti gözden kaçırmadığımızı mı düşünüyorsunuz? Bunu bize bildirin! Hem araçlar, hizmetler hem de testlerin kendisi canlı ve güncel olan şeylerdir. Kargo resimlerinin en son özelliklerini incelemek için hızlı bir yere ihtiyacınız olduğunda ilk durağınızın images.tooling.report olduğundan emin olun.
Michael Maasen'in Unsplash'teki hero resim