WordPress veya Joomla web sitenizde doğru ölçeklendirilmiş görseller sunun

WordPress veya Joomla blogunuzdaki herhangi bir görseli ele alalım. Kaliteye önem veriyorsanız, büyük olasılıkla görsel, okuyucularınızın masaüstü cihazlarına sığması için küçültülmesi gereken kadar büyüktür, mobil cihazlardan bahsetmiyorum bile. Kalite elbette önemlidir, ancak bu gibi durumlar oldukça yüksek bir bedele mal olur.

Tek bir görseli mümkün olduğunca çok farklı ekranda kullanabilmek için büyük bir görsel kullanmanız gerekir. Bu da, küçük cihazlarda bile tamamen indirilmesi gereken büyük dosyalar anlamına gelir. İşte bir çözüm: Görselleri, masaüstü, tablet veya mobil cihaz fark etmeksizin, ekran cihazına göre ölçeklendirilmiş olarak sunmak.

WordPress ve Joomla'da CSS ile Ölçeklendirilmiş Görseller Sunma

Görseller web sayfalarında ne kadar yer kaplar? Kesin kurallar yok, ancak önemleri ve yaygınlıkları göz önüne alındığında, cana sayfaap kesinlikle çok fazla. Zaten yeniden boyutlandıracağınız görseller sunuyorsanız, web sitenizin yükleme sürelerini hızlandırmak için WordPress veya Joomla kullanıcılarınıza önceden küçültülmüş görseller sunmak mantıklı olacaktır.

srcset` , `sizes` ve `media` özellikleriyle yardımcı olur . Çoğu modern web tarayıcısı tarafından desteklenen bu özellikler, görüntü alanının boyutuna bağlı olarak hangi resim sürümlerinin sunulacağını belirtmenizi sağlar.

srcset` özniteliği, alışılagelmiş `src` sekmesini tamamlar. Öznitelik adından da anlaşılacağı gibi, tek bir resim belirtmek yerine, ölçeklendirilmiş resimlerin bir listesini ve her birinin ne zaman kullanılacağını belirten genişliği belirtmek için kullanılır. Bununla birlikte kullanılan ` sizes` özniteliği ile, görüntülerin görünüm alanı genişliğine bağlı olarak ne zaman gösterileceğini tanımlayabilirsiniz.

burada bulabilirsiniz , ancak iyi haber şu ki, son birkaç yıldır WordPress, görsellerinizi otomatik olarak yeniden boyutlandırıyor ve okuyucularınıza uygun boyutlarda sunuyor. Sonuç şaşırtıcı: 511 KB'lık bir portre görseli, mobil cihazlarda 42 KB'a düşüyor.

ImageRecycle ile Otomatik Ölçeklendirme ve Optimizasyon

Görüntü boyutları söz konusu olduğunda, kaliteden ödün verilmediği sürece ne kadar küçükse o kadar iyidir. WordPress, `srcset` , görüntü boyutlarını en aza indirmek için yapabileceğiniz daha çok şey var; özellikle görüntüleri yeniden boyutlandırmak ve sıkıştırmak.

ImageRecycle , aynı anda resimleri yeniden boyutlandırıp sıkıştırabilen bir eklentidir ve hem WordPress hem de Joomla'da kullanılabilir. En iyi yanı ise, ImageRecycle resimleri otomatik olarak yeniden boyutlandırmak ve sıkıştırmak için kullanabilmenizdir.

Özellikle WordPress veya Joomla blogunuzda hazır görseller kullanıyorsanız, yeniden boyutlandırma çok kullanışlıdır. Bu görseller, baskı medyası da dahil olmak üzere tüm kullanım alanlarını karşılamak için genellikle orantısız derecede büyüktür. Web'de, çözünürlüklerinin tamamını kullanmanız çok düşük bir olasılıktır. ImageRecycleile, büyük görselleri yükleme sırasında otomatik olarak maksimum yüksekliğe veya genişliğe küçültebilirsiniz.

Yeniden boyutlandırmayı tamamlayan bir diğer işlem ise, kaliteyi feda etmeden 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, yalnızca orijinal görüntüler için değil, WordPress tarafından yeniden boyutlandırılan görüntüler için de geçerlidir. ImageRecycle bunu sizin için otomatik olarak yapabilir.

Sizin için birkaç kilobaytlık ek alan, 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 vermek zorunda değilsiniz. CSS'nin daha akıllıca kullanımı ve ImageRecycleyeniden boyutlandırma ve optimizasyon özellikleri sayesinde, okuyucularınızın cihazlarına uyum sağlayan yüksek kaliteli görsellere sahip olabilirsiniz.