TimThumb ile Web Sitenize Resim Optimizasyonu
Bir web sitemiz var , yüksek kalitede bir çok görselimiz mevcut ve bu görselleri manuel olarak tek tek optimize etmekle uğraşmak istemiyoruz. İşte bu aşamada Tim Thumb ile web sitenize resim optimizasyonu yapabilirsiniz. Kullanımı kolay , faydası çok. Şimdi gelelim sitemize entegre etmeye.
- adım: Öncelikle BURADAN timthumb.php dosyasını indiriyoruz ve sitemize yönderiyoruz. ( ÖR: http://www.WEB_SITENIZ.com/timthumb.php )
2.adım: Bu adımı yapmayabilirsiniz , scriptin kendiliğinden bu klasörü yaratması gerekiyor eğer yaratamadıysa sitemize cache diye bir klasör oluşturup yazma okuma yetkilerinin hepsini verin (Linux için: 777)
Bu kadar basit artık görselleri istediğimiz gibi optimize edilmiş şekilde çağırabiliriz.
bu işlemi yapmadan önce bir görsel çağırmak için <img src=”images/resim.jpg”> kodunu kullanıyorken şimdi <img src=”timthumb.php?src=images/resim.jpg“/> kullanacağız.
<img src=”timthumb.php?src=http://www.WEBSITESI.com/image/manzara.png&w=200&h=300&q=50“/>
yukarıdaki örnekte timthumb script’imize 4 adet parametre göndermişiz.
Src -> bu parametre ile görselimizin yolunu gönderiyoruz.
w -> bu parametre ile görselimizin genişlik değerini gönderiyoruz
h -> bu parametre ile görselimizin yüksekliğini ayarlıyoruz.
q -> bu parametre ise görsel kalitemizi yani optimizasyon oranımızı belirliyor.
Bu script ile neler yapabiliriz?
Görsel boyutlarını ebatlandırabiliriz.
Görsel kalitesine müdehale edebiliriz.
Görsellerde kırma işlemi yapabiliriz.
Görsellerde kırpma işlemi yaparken kırpılacak konumu belirleyebiliriz.
Görsellerde yakınlaştırma yapabiliriz.
Görsellere efekt verebiliriz.
Görsellerde keskinleştirme yapabiliriz.
Görselde bulunan ana obje dışında kalan arka plana renk verebiliriz.
Bence en muhteşem özelliği ise Cache işlşemi yaparak sayfanın tekrar yüklenmesi esnasında çok büyük bir hızlanma sağlıyor.