erkan tarafından 17 Temmuz 2011 tarihinde yazılmıştır.
Eskiden windows xp kullanırken yüksek boyutlu resimlerinizi sadece iki tıkla küçültmek için microsoftun Image Resizer Powertoy Setup isimli küçük programcığını kullanıyordum. Microsoft, en faydalı yazılımlarından biri olan bu image reisizer’in windows vista ve windows 7 versiyonunu çıkartmadı.
Ancak bu programcık o kadar çok beğenilmişti ki windows vista ve windows 7 de çalışan kopyaları başkaları tarafından yapıldı. ImageResizerClone 2.0 ve ImageResizer-2.0_x64 olarak isimlendirilen programları aşağıdaki bağlantıdan indirebilirsiniz.
Microsoft Windows 7, Microsoft windows vista ve Microsoft windows Xp için resim küçültme programları indir.
Etiketler: image resizer, Image Resizer Powertoy Setup, resim küçültme, windows 7 image resizer, windows 7 resim küçültme
erkan tarafından 5 Ocak 2010 tarihinde yazılmıştır.
WordPress’te özellikle sık tema değiştiriyorsanız resim boyutları gerçekten başa bela olabiliyor.
Bu hafta sonu eşimin yemek tarifleri sitesindeki resimleri otomatik boyutlandırmak için epeyce eklenti indirip kurdum ama hiçbirinden sonuç alamadım.
Sonuç olarak bu işi CSS ile yapmaya karar verdim. Nasıl yaptığımı sizinle de paylaşayım.
- Öncelikle wordpress’te yazdığınız yazıların hangi isimli div elementinin içinde yazıldığını öğrenin. Genelde Single.php dosyasından ya da yayınlamış bir yazınızda kaynağı görüntüle diyerek kolayca bulabilirsiniz. Bu sitede yazılar post isimli div’in içinde yayınlanıyor. O yüzden örnekleri buna göre vereceğim. Siz kendinize göre değiştirirsiniz.
- Sitenizin style.css dosyasını açın ve .post img diye aratın. Bulduğunuz alanın içine şu kodları ekleyin.
max-width:550px;
width:expression(this.width > 550 ? 550: true);
height:auto;
- 550 en büyük resim genişliğini ifade ediyor. 550 yerine dilediğiniz rakamı yazabilirsiniz. O boyuttan büyük resimler otomatik olarak o boyuta göre ayarlanarak yayınlanır.
- Eğer style.css dosyanızın içinde .post img diye birşey bulamadıysanız aşağıdaki gibi kendiniz oluşturun.
.post img {
max-width:550px;
width:expression(this.width > 550 ? 550: true);
height:auto;
}
- Değişiklikleri kaydedin, rahat bir nefes alın.
Bu kodları internet explorer 7, internet explorer 8 ve firefox 3.5.6 da denedim. Hepsinde de sorunsuz çalışıyor. IE6′da denemedim.
Bu işlemleri yaptıktan sonra wordpress auto image resizer, wordpress image resizer, wordpress resim boyutlandırma ve benzeri isimlerle eklenti aramanıza gerek kalmayacak.
Son bir not; Bu kod tabiki sadece wordpress sitelerde değil bütün sitelerde çalışır.
Etiketler: css, image resizer, resim küçültmek, Wordpress