// Teknolojik

TimThumb ile Web Sitenize Resim Optimizasyonu

Güncellendi: 08 Mart 2024

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.

  1. 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.

// GERİ BİLDİRİM

Bu çözüm işine yaradı mı?

Değerlendirmen, bu notun diğer okuyuculara ne kadar yardımcı olduğunu gösterir.

Bu çözüm işine yaradı mı?

Değerlendirmek için yıldızlara tıklayın.

Ortalama puan 0 / 5. Toplam oy: 0

İlk değerlendiren sen ol.

Bu yazıyı faydalı bulmadığınız için çok üzüldük.

Görüşleriniz bizim için çok değerli.

Nasıl daha faydalı bir yazı hazırlayabiliriz?

// SOHBETE KATIL

Deneyimini paylaş

Bir sorunun, farklı bir çözümün veya eklemek istediğin bir notun var mı?

// OKUMAYA DEVAM

Bir not daha.

Tüm yazılar ↗︎