Resim araçlarının durumuna göz atın.
Web'e görsel yerleştirmek bir şeydir, ancak bunu iyi yapmak zordur. Aksi takdirde, doğru biçimi, sıkıştırmayı, inç başına nokta sayısını (DPI) ve yüzlerce başka ayarı seçmek, bunu kendimiz yaparsak kolayca unutulabilir.
Neyse ki, günümüzde tüm bunları bizim için yapabilen çok sayıda araç ve hizmete sahibiz. O kadar da iyi değil, bolluk var. Sizin için doğru aracı veya hizmeti seçmek zor olabilir. Bu nedenle, üretim aşamasında resim gönderirken en önemli olduğunu düşündüğümüz unsurları listeleyip ücretli ya da ücretsiz, barındırılan veya kendi bünyesinde barındırılan en popüler yazılım ve hizmetleri karşılaştırdığımız images.tooling.report sitesini kullanıma sunuyoruz.
Bunun nedeni nedir?
Resimler, sitenin aktarılan baytlarının büyük bir kısmını oluşturur ve bu baytların toplamı da resimlere dahildir! Aslında, optimize edilmemiş resimlerin bir sayfanın toplam boyutunun yaklaşık% 75'ini oluşturduğunu tespit ettik. Boşa giden tüm bu baytların maliyeti vardır. Bu nedenle, milyonlarca gerçek kullanıcı oturumunu kapsayan bir araştırmada, dönüşüm sağlayan sayfaların, dönüşüm sağlamayan sayfalara kıyasla% 38 daha az resim içermesinin nedeni budur. O zaman tüm resimlerinizi mi silmeniz gerekiyor? Tabii ki hayır. Ancak gönderdiğiniz resimlerin, kullandıkları cihazdan bağımsız olarak tüm kullanıcılar için optimize edildiğinden emin olmanız gerekir.
Bu nedir?
Optimize edilmiş resimler 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ığı ve uzun ömürlü önbellek üstbilgileri gibi ağ optimizasyonları gibi temel konuları ele alıyoruz.
Elbette bununla yetinmiyoruz. Save-Data, ECT için destek ve diğer istemci ipuçları gibi daha gelişmiş seçenekleri araştırdık. Bu doğrultuda, resimleri sürekli olarak sıkıştırmak amacıyla veri modellerini kullanabilen ve gözlerimizin algılama şeklini değiştirmeden en az baytı işleyecek sürümü bulabilen otomatik psiko-görsel analiz arayışında olduk. Kabloyu bitirmeden önce resimlerinizin görsel olmayan son parçalarını sıkıyor musunuz?
Elbette her site bir kar tanesidir. Hiçbir araç veya hizmet, aradığımız her şeyi tam anlamıyla yapamadı. Bu beklenen bir durumdur. Test ettiğimiz öğeleri farklı kategorilere ayırdık. İçerik Yayınlama Ağları (CDN'ler), kendiliğinden barındırılan projeleri, İçerik Yönetim Sistemi (İYS) eklentilerini ve site oluşturucuları ele alıyoruz. Bunlar, farklı seçeneklerin karşılaştırmasını daha alakalı hale getirmek için gerçekten kullanılan oldukça serbest 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.
- Kendiliğinden barındırılan, bir git projesini klonlayabilen veya üretimde kendi Docker görüntüsünü rahatça çalıştırabilen geliştiriciler içindir.
- CDN'ler biraz daha karmaşıktır. Bunlardan bazıları geleneksel anlamda CDN'dir, diğerleri ise uçta resimlerinizi proxy veya barındıran hizmetlerdir.
Her zaman herkes için her şey olamaz ancak, değerlendirilmekte olan testlere ve özelliklere göz atmalı ve resim optimize edicinizin durumunu incelemelisiniz! Peki ya bugün resim optimizasyonu için bir şeyler yapmıyorsanız? Sonrasında resim araçlarına göz atabilir ve sitenizi zaten kullanan kişilere sunabileceğiniz avantajları görebilirsiniz.
Sonraki adım
Sizce gözden kaçırdığımız bir resim aracı veya hizmeti mi var? Bunu bize bildirin! Hem araçlar hem hizmetler hem de testler yaşayan, güncel şeylerdir. Gönderim resimlerindeki son teknolojiye göz atmak 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 resmi.