Web siteleri için görüntü sıkıştırma: fotoğraftan ödün vermeden daha az ağırlık

Bir tarif sayfasının açılması zaman alıyor çünkü her fotoğraf birkaç megabayt ağırlığında, doğrudan kameradan gönderiliyor. Okuyucunun yalnızca cep telefonu genişliğinde yiyeceği net bir şekilde görmesi gerekiyor. Sıkıştırma ölçütlerle yapıldığı sürece dosya ağırlığının azaltılması deneyimi dönüştürebilir.

Boyutlar kalite yüzdesinden önce gelir

Eğer görsel sayfada 800 piksel yer kaplıyorsa her zaman 6000 piksel versiyonunu yayınlamanın bir anlamı yoktur. Yeniden boyutlandırma, genellikle kaliteyi agresif bir şekilde sıkmaktan daha fazla azaltır. KullanmakResmi sıkıştırdenemek ve hem boyutu hem de son ağırlığı gözlemlemek.

JPEG ve WebP fotoğraflarda iyi çalışır; PNG, şeffaflık içeren grafiklerde veya görsellerde daha anlamlı olma eğilimindedir. Seçim, gereken içeriğe ve uyumluluğa bağlıdır. Küçük sayılara sahip bir görüntü, manzaralar için kabul edilebilir sıkıştırma düzeylerinde kötü görünebilir.

Test görüntünün göründüğü yerde yapılmalıdır

Orijinali ve sıkıştırılmış olanı sayfada, ilgili yerlerde açık ve koyu ekranlarda tam boyutta karşılaştırın. Yüzleri, ürün kenarlıklarını, degradeleri ve satır içi harfleri görün. En yaygın kusurlar görünür bloklar, çift konturlar ve tekdüze alanlardaki noktalardır.

İsimler, versiyonlar ve sorumluluk

Açıklayıcı dosya adlarını benimseyin, örneğinkek-çikolata-slice.webp, fotoğrafı göremeyenler için ise içeriği anlatan alternatif metin. Orijinal sürümü kitaplığınızda saklayın. Çok sayıda görsel yayınlıyorsanız genişlikleri standartlaştırın ve yavaş bir bağlantıda yüklemeyi karşılaştırın. İyi sıkıştırmak, hoş ve anlaşılır kalan en küçük versiyonu bulmaktır.

Sayfa ağırlığı görsellerin toplamıdır

Boyutu 3 MB'tan 280 KB'a düşürülen bir fotoğraf önemli bir tasarruf anlamına gelir, ancak bu boyutta yirmi görsel içeren bir galeri yine de birkaç megabayt gerektirir. Sete bakın: kapak boyutu, küçük resimler, makale resimleri ve daha büyük ekranlar için sürüm. Aynı büyük fotoğrafı her alana göndermek ziyaretçi verilerini boşa harcar. Platform duyarlı görselleri desteklediğinde, ekran boyutuyla orantılı versiyonlar sağlayın.

Ayrıca düzenleme boyunca ardışık sıkıştırmalardan kaçının. Birisi zaten küçültülmüş bir JPEG kaydederse ve bir sonraki düzenleyici onu tekrar sıkıştırırsa, kayıp birikir. Orijinal fotoğrafın kaliteli bir kopyasını, onu aylar sonra bulmanızı sağlayacak bir ad ve organizasyonla birlikte saklayın. Bu şekilde, ayrıntıları zaten kaybolmuş olan dosyalara bağlı kalmadan, düzen değiştikçe yeni boyutlar oluşturabilirsiniz.