Görüntü araçlarının durumunu kontrol edin.
Web'e resim eklemek kolaydır ancak bunu iyi bir şekilde yapmak zordur. Doğru biçimi, sıkıştırmayı, inç başına nokta sayısını (DPI) ve yüzlerce diğer ayarı seçmek, tüm bunları kendimiz yaptığımızda kolayca unutulabilir.
Neyse ki günümüzde tüm bunları bizim için yapabilecek çok sayıda araç ve hizmet var. Ancak bu kadar çok seçenek arasından seçim yapmak da zor. Sizin için en uygun araç veya hizmeti seçmek zor olabilir. Bu nedenle, üretimde resim yayınlarken en önemli olduğunu düşündüğümüz konuları listelediğimiz ve ücretli veya ücretsiz, barındırılan ya da kendi kendine barındırılan en popüler yazılım ve hizmetlerin bazılarını karşılaştırdığımız images.tooling.report sitesini kullanıma sunuyoruz.
Bunun nedeni nedir?
Resimler, bir sitenin aktarılan baytlarının büyük bir kısmını oluşturur ve bu baytlar biriktiğinde ciddi bir boyuta ulaşır. Hatta, optimize edilmemiş resimlerin sayfanın toplam boyutunun yaklaşık% 75'ini oluşturduğunu tespit ettik. Bu boşa harcanan baytların maliyeti vardır. Bu nedenle, milyonlarca gerçek kullanıcı oturumunun incelendiği bir çalışmada, dönüşüm gerçekleştiren sayfalarda dönüşüm gerçekleştirmeyen sayfalara kıyasla% 38 daha az resim olduğu tespit edilmiştir. Tüm resimlerinizi silmeniz mi gerekiyor? Elbette değil. Ancak gönderdiğiniz resimlerin, kullandıkları cihazlardan bağımsız olarak tüm kullanıcılar için optimize edildiğinden emin olmanız gerekir.
Bu nedir?
Optimize edilmiş resimler yayınlamak, "Web için kaydet"i tıklamaktan daha fazlasını gerektirir. Bu nedenle, images.tooling.report çeşitli özellikleri kontrol eder. Farklı araç ve hizmetlerin ne kadar sıkıştırma sağladığı gibi temel konuları ve uzun ömürlü önbelleğe alma üstbilgileri gibi ağ optimizasyonlarını ele alıyoruz.
Ancak bununla yetinmiyoruz. Gözümüzün algılama şeklini değiştirmeden en az bayt alan sürümü bulmak için Save-Data, ECT ve diğer istemci ipuçları desteği gibi daha gelişmiş seçenekleri araştırdık. Bu seçenekler, görüntüleri tekrar tekrar sıkıştırmak için veri modellerini kullanabilen otomatik psiko-görsel analizleri aramamızı sağladı. Göndermeden önce resimlerinizden görsel olmayan her bir biti sıkıştırıyor musunuz?
Elbette her sitenin kendine özgü özellikleri vardır. Aradığımız her şeyi tek bir araç veya hizmette bulamadık. Bu beklenen bir durumdur. Bu nedenle, test ettiğimiz öğeleri farklı kategorilere ayırdık. İçerik yayınlama ağları (CDN'ler), kendi kendine barındırılan projeler, içerik yönetim sistemi (İYS) eklentileri ve site oluşturucular bu kapsamdadır. Aşağıdakiler, farklı seçenekleri karşılaştırmayı daha alakalı hale getirmeyi amaçlayan oldukça gevşek tanımlardır:
- İYS eklentileri, WordPress gibi platformlarda geliştirme yapmak için kolay bir seçenek olan paketlerdir.
- Site tasarım araçları, web sitenizi oluşturmak için kullanabileceğiniz çeşitli hizmetleri karşılaştırır.
- Kendi bünyesinde barındırılan, bir git projesini klonlamaktan veya kendi Docker resmini üretimde çalıştırmaktan çekinmeyen geliştiriciler içindir.
- CDN'ler biraz daha karmaşıktır. Bunlardan bazıları geleneksel anlamda CDN'dir, ancak diğerleri resimlerinizi uçta proxy olarak kullanan veya barındıran hizmetlerdir.
Herkese her zaman hitap edemezsiniz, ancak değerlendirilmekte olan testlere ve özelliklere göz atarak resim optimizasyon aracınızın ne durumda olduğunu görebilirsiniz. Peki, resim optimizasyonu için şu anda bir şey yapmıyorsanız ne yapmalısınız? Bu durumda, resim araçlarını incelemek ve sitenizi zaten kullanan kullanıcılara ne gibi avantajlar sağlayabileceğinizi görmek için doğru zamandır.
Sırada ne var?
Eksik bir resim aracı veya hizmeti olduğunu düşünüyor musunuz? Bunu bize bildirin! Hem araçlar ve hizmetler hem de testler sürekli olarak güncellenir. Gönderilen resimlerle ilgili en son durumu hızlıca kontrol etmek istediğinizde ilk durağınız images.tooling.report olmalıdır.
Unsplash'taki Michael Maasen tarafından oluşturulan lokomotif resim.