CSS resimlerin yeniden boyutlandırılması hala kötü bir fikir mi?

Orijinal görüntünün gerçek olmadığı şey resimlerde genişlik / yükseklik niteliklerinin kullanılmasının kötü bir fikir olduğu her zaman incelenmiştir. Pikselli görüntüler veya gereksiz boyutlardan daha büyük indirme boyutları anlamına gelebilir.

Ancak, bu hala bir sorun mu var? Ben fotoğraf boyutlandırma tavsiye etmem, ama orijinal ve ölçek tutma tutmak çok fazla olması şartıyla küçülme bir sorun olmamalıdır.

Örneğin, 600x400 boyutunda bir fotoğrafım var ve üzerine 400 piksel genişlik yapıştırıyorum. Çoğu modern tarayıcı görüntüyü küçültür ve renderleme hala iyi görünüyor.

Peki, herkesin bu konudaki görüşü nedir?

Ölçeklendirme konusunda endişelenmeyin (tarayıcıların çoğu ölçeklendirilmiş görüntülerin deneyimime göre iyi görünmesini sağlar), son kullanıcıya gönderdiğiniz yükün boyutu hakkında endişelenir.

Elbette, kullanmak istemediğiniz ekstra pikseller için her iki uçta da çok az miktarda bant genişliği harcadığınızı iddia edebilirsiniz, ancak zaman maliyeti de vardır.

Gerekli olan bir boyutta gönderdiğiniz her resim için, kullanıcı için sayfa yüküne küçük bir gecikme eklersiniz. Yalnızca birkaç resme sahip web siteleri için bu bir sorun olmayacaktır, ancak çok sayıda destekleyici varlığa sahip bir site için fark edilir bir gecikme eklemeye başlayacaksınız ve gecikme size maliyet getirecektir .

Ayrıca, küçük bant genişliği maliyeti ile ilgili olarak, sitenizin trafiği arttıkça küçük bant genişliği maliyeti de artacaktır.

Yani, şirketten tasarruf edin ve görüntüyü kendiniz yeniden boyutlandırmak için ihtiyacınız olan 30 saniyeyi harcayın! :)

Her zaman olduğu gibi, kıyaslama yapın, ancak uygulama gerçekten popüler / görev açısından kritik değilse, genişliği sık sık değiştirmeniz gereken bir durumdaysanız 600'den 400'e küçülme konusunda çok endişelenmeyeceğim. Tek seferlik, elbette, koşuyorsanız convert -geometry 400x photo1.jpg photo2.jpg, ancak hızlı bir şekilde yinelediğiniz bir uygulama ise, performans alanında bile endişelenmeniz gereken daha önemli şeyler vardır. gecikme; Örneğin, görüntüleri etkin bir şekilde yükleme.

Görüntü boyutu, büyük görüntü boyutlarının yavaş yükleme (mobil geniş bant), oluşturma işleminin daha uzun sürdüğü (düşük dereceli donanım) ve - oluşturulduktan sonra - yüksek çözünürlükte tam olarak görünmeyen üçlü etkisi olan mobil cihazlarda önemli olabilir. neyse.

Duyarlı görüntülere de bakmak isteyebilirsiniz. İnsanların yaptığı birçok iş var, örneğin otomatik olarak küçülme - ve sonra önbelleğe alma - sunucudaki görüntüler çok fazla gelirse iyi bir yaklaşımdır.

Sorun yükü, tarayıcının oluşturacağı herhangi bir boyutta (hakkında konuştuğunuz daha küçük boyutlar)

Yüksek hacimli bir site için, tek bayt bile önemlidir. İstenmeyen veriler göndermek istemezsiniz.

Kötü Fikirden bahsetmişken, genişliği / yüksekliği birkaç piksel ayarlamak veya 10 veya 20 piksel olmak gerçekten kötü bir fikir değildir. Ama büyük bir resmi küçük resme çekiyorsanız çok kötü bir fikir :)