Datalife Engine - Türkçe Destek ( DLE )

Herkese merhabalar. Çoğu Webmaster için siteye eklenen resimlerin boyutları sayfa açılma hızını, sunucu disk alanını, ve trafiği olumsuz yönde etkilemektedir. Bu nedenle resimleri mümkün mertebe optimize ederek çözünürlüğü düşürü öyle yükleriz. Optimize ettiğimiz resimler haliyle orjinali kadar net görünmeyecektir.

Yukarıda belirttiğimiz olumsuzlukları önemli ölçüde iyileştiren küçük bir CSS kodu resimler üstünde herhangi bir oynama vb işlem yapmadan sadece bulunduğu konumda olduğundan daha doygun görünmesini sağlıyor bunun dışında resimlere herhangi bir müdahale söz konusu değil...

Diyelim sitenizin sağ kısmında Popüler haberler bloğunuz Resim ve altında başlık ile gösteriliyor. ilgili bloğun Class'larını yine ilgili CSS dosyası içinde buluyoruz

örnek benim sağ bloğumdaki resimleri
Sytles.css Çekiyor
Styles.css dosyasımı bir editörle açıyorum (Notepad++ olabilir)
Açtığım CSS dosyamın içinde ilgili Class'ları buluyorum. Aşşagıda eklediğim kod kısmında yer alıyor.

.story_line .image { float: left; width: 159px; height: 97px; border-radius: 1%; margin-right: 4%; background-color: #FFF; position: relative; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);  }

Yukarıdaki normal hali. Hemen kodların bitimine şu basit doygunluk kodunu ekliyorum

-webkit-filter: saturate(1.4);

Ve kodu eklediğim class'ın tamamı.

.story_line .image { float: left; width: 159px; height: 97px; border-radius: 1%; margin-right: 4%; background-color: #FFF; position: relative; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1); -webkit-filter: saturate(1.4); }

Artık resimler olduğundan daha kaliteli görünecektir. Fark gözle görülür derecede.


Not: Bahsini ettiğimiz koddaki 1.4 değeri doygunluk derecesini ayarlar, sayıyı yükseltirseniz doygunluk artar ve abartılı olur. Ben 1.4 de karar kılmıştım tercih sizin. Konu basit mevzu uzun oldu kusura kalmayın bilmeyenler için açıklayıcı olmaya çalıştığımdan. Kolay gelsin