WordPress veya Joomla Web Sitenizde Düzgün Ölçeklendirilmiş Görseller Sunma

WordPress veya Joomla blogunuzdaki herhangi bir görseli çekin. Kaliteyi derecelendirirseniz, muhtemelen görsel yeterince büyük olduğundan, bırakın mobil cihazları, okuyucularınızın masaüstü cihazlarına bile sığacak şekilde küçültülmesi gerekir. Kalite her şey yolunda ve güzel, ancak bunun gibi vakaların ağır bir bedeli var.

Tek bir görüntüde mümkün olduğu kadar çok farklı görüntüyü barındırmak için büyük bir görüntü kullanmanız gerekir. Bu da, küçük cihazlara bile bütünüyle indirilmesi gereken büyük dosyalar anlamına geliyor. Bir çözüm var: Masaüstü, tablet veya mobil cihaza bağlı olarak görüntülerin ölçeklendirilmesi.

CSS ile WordPress ve Joomla'da Ölçeklendirilmiş Görüntüler Sunma

Görseller web sayfalarında ne kadar yer kaplar? Kesin ve kesin kurallar yoktur, ancak önemleri ve her yerde bulunmaları göz önüne alındığında, cana sayfaap kesinlikle çoktur. Yine de yeniden ölçeklendireceğiniz görseller sunuyorsanız, yalnızca ekonomik olmak ve web sitenizin yükleme sürelerini hızlandırmak için WordPress veya Joomla kullanıcılarınıza zaten küçültülmüş görseller sunmak mantıklı olacaktır.

CSS, nispeten bilinmeyen ancak paha biçilmez nitelikler kümesine yardımcı olmak için oradadır: srcset , sizes ve media . Tamamı çoğu modern web tarayıcısı tarafından desteklenen bu özellikler, görünüm boyutuna bağlı olarak hangi görüntü sürümlerinin sunulacağını belirtmenize olanak tanır.

Srcset olağan src tamamlar . Öznitelik adından da anlaşılacağı gibi, tek bir görüntü belirtmek yerine, ölçeklendirilmiş görüntülerin bir listesini ve her birinin kullanılması gereken genişliği belirtmek için bunu kullanırsınız. Bununla birlikte kullanılan , görünüm genişliğine göre görüntülerin ne zaman gösterileceğini tanımlayabileceğiniz boyutlar

buradan okuyabilirsiniz , ancak iyi haber şu ki, WordPress son birkaç yıldır görsellerinizi otomatik olarak yeniden ölçeklendiriyor ve okuyucunuza uygun boyutları sunuyor. Sonuç şaşırtıcı: 511Kb'lik bir portre görüntüsü, mobil cihazlarda 42Kb'ye düşürülüyor.

ImageRecycleile Otomatik Yeniden Ölçeklendirme ve Optimizasyon

Görüntü boyutları söz konusu olduğunda, kaliteden ödün verilmediği sürece ne kadar küçük olursa o kadar iyidir. srcset kullanarak size yardımcı olsa da , görsel boyutlarını en aza indirmek için, özellikle görselleri yeniden ölçeklendirerek ve sıkıştırarak yapabileceğiniz daha çok şey vardır.

ImageRecycle , görüntüleri sizin için aynı anda yeniden ölçeklendirip sıkıştırabilen bir eklentidir ve hem WordPress hem deImageRecycle mana sayfacuttur. ImageRecycle , görüntüleri otomatik olarak yeniden ölçeklendirmek ve sıkıştırmak için ImageRecycle kullanabilirsiniz.

Yeniden ölçeklendirme, özellikle kendinizi WordPress veya Joomla blogunuzda stok resimleri kullanırken bulursanız kullanışlıdır. Bu görüntüler, baskı medyası dahil tüm kullanımları hesaba katmak için genellikle orantısız bir şekilde büyüktür. Web'de, tüm çözünürlüğü kullanmanız son derece düşüktür. ImageRecycle, büyük resimleri yükledikten sonra otomatik olarak maksimum yüksekliğe veya genişliğe ImageRecycle.

Yeniden ölçeklendirmeyi tamamlayan, kaliteden ödün vermeden görüntü boyutunu optimize eden sıkıştırmadır. Kayıplı sıkıştırma ile görüntü alanını% 80'e kadar azaltabilirsiniz. Bu sadece orijinal görseller için değil, aynı zamanda WordPress tarafından yeniden ölçeklendirilen görseller için de geçerlidir. ImageRecycle bunu sizin için otomatik olarak bir kez daha yapabilir.

Fazladan birkaç kilobayt olarak gördüğünüz şey okuyucularınız için değerli zaman kaybı anlamına gelebilir. İyi haber şu ki, yükleme süreleri için kaliteden ödün vermenize gerek yok. CSS'nin ve ImageRecycleyeniden ölçeklendirme ve optimizasyonunun daha akıllı kullanımıyla, okuyucularınızın cihazlarına uyum sağlayan yüksek kaliteli görsellere sahip olabilirsiniz.