Web tasarımcısı vaka çalışması

Örnek olay web yöneticisi

Web sitesi oluşturma: görsel optimizasyonunda harcanan tüm zamandan tasarruf edin

Photoshop dosyasından bir web sitesi oluşturduğunuzda işin büyük bir kısmı görüntülere uygulanacak en iyi formatı ve sıkıştırmayı bulmaktır. En iyi melodileri bulmak güzel bir tasarıma sahip olmanıza yardımcı olur ancak aynı zamanda görüntüleri olabildiğince hafif bir şekilde dışa aktarmanız gerekir. Photoshop görüntülere genel bir sıkıştırma uyguladığından, hem hafif hem de yüksek kaliteli görüntülere sahip olmak oldukça karmaşıktır.

Artık bitti, hiç düşünmeyin, hızlı çalışın, siz başka bir şey üzerinde çalışmaya başladığınızda görselleri optimize edeceğiz!

İçerik ve tema tasarım görsellerini içeren sayfa başına 30 görsel oluşturmayı düşünürsek, görsel dışa aktarmada ne kadar zaman gönderiyorsunuz? İşlem oldukça uzundur ve birkaç sıkıştırma sana sayfaiyesi ile birkaç deneme içerir.

jpeg kalitesi

Bir jpg görüntü işlemi olarak dışa aktarma şunları içerir:

  • "Web için dışa aktar" menüsüne gidin
  • Jpeg formatını seçin
  • Bir sıkıştırma/kalite seçin 
  • Boyutu seçin
  • Resmi dışa aktar
  • Web sitenize resim gönderin
  • Son bir test yapın

Sayfa analizi: için her biri 3 kez dışa aktarılan 30 görüntü Deneme için
harcanan süre: Deneme başına 1', sayfa başına 1 saat
Otomatik görüntü optimizasyonu ile: 5 sayfa için 5 saatlik çalışma, sonunda mükemmel kalite

 

Yüksek kalite ile daha küçük

ImageRecycle algoritması görüntülere genel bir sıkıştırma uygulamadığından, görüntünün renk alanını ve orijinal sıkıştırma düzeyini dikkate aldığından, tüm görüntüleri %100 kalitede dışa aktarabilirsiniz. Unutmayın: Orijinal görüntü ne kadar az sıkıştırılırsa optimizasyon ve boyut da o kadar iyi olur. Photoshop kalite sana sayfaiyelerinde (60 = kalitenin %60'ı, 80 = kalitenin %80'i...) adlı görselle aşağıdaki test feriğini kontrol edin.

kaliteli jpg optimizasyonu

%100 kalitede dışa aktarılan görüntü, daha iyi görsel sonuç ve boyut elde etti. Bu yüzden, görüntülerin ağırlığıyla ilgilendiğimiz teknik kısmı bir düşünün.