Image Resizer v1.9
- Açıklamalar
- Yenilikler
- Versiyon Tarihçesi
- Versiyon Uyumluluğu
- Video
Image Resizer modülü sitede kullandığınız resimlerin boyutlarını yükleme işlemi sonrasında kolayca değiştirebilmenizi sağlar. Örneğin sitenizin tasarımı gereği aynı makaleleri birkaç farklı yerde, içerdiği resimi farklı boyutlarda göstereceksiniz. Bu durumda ikisinden biri boyutsal olarak bulunduğu yere uyumsuz olacaktır. Kapladığı alan 300x250 px kendisi 500x400 px gibi. Sonuç olarak bu durum SEO açısından faydalı olmayacaktır. Çünkü sayfa açılış hızını düşürecek, sayfa boyutunu arttıracak vs. nedenlerle arama motorları tarafından sevilmeyecektir.
Başlıca Özellikleri :
SEO etkisinin yanında site geliştiricileri için de çok faydalı bir modüldür. Örnek bir haber sitesinde aynı haber birkaç yerde farklı boyutlarda görüntülenmek istendiğinde, resmi css/html olarak o alanı kaplayacak şekilde ayarlansa bile en boy oranı bozulacaktır. Crop (kesme) özelliği sayesinde resmin istediğiniz bölümünü otomatik olarak istediğiniz boyutta kesitirebilirsiniz.
Yine farklı bir özellik olarak; İlave alan olarak girdiğiniz dış linkler, yani herhangi bir resim upload servisine yüklenen resimleri de otomatik olarak indirip üzerinde boyutlandırma, kalite ayarlama, kesme işlemleri yaptırabilirsiniz.
DLE'de sevilmeyen durumlardan biri olan: Yüklenen resimlere unix timestamp öneki eklenmesi, resmin adını uzattığı gibi SEO açısından da faydalı olmadığı öngörülebilir. Modüldeki diğer bir özellik te alt tagında belirtilen yazıyı resim adı olarak kullanabilmedir. Bu özellik sayesinde yüklenen resimleri otomatik olarak adlandırabilirsiniz.
Resimlerin resize edilmesi işlemi sürekli olmadığından sitenizin açılış hızı düşmeyecektir. Çünkü resim ilk görüntüleme işlemi esnasında boyutlandırılır, kesilir vs. işlemleri yapılır ve önbelleklenir. Bu sayede her seferinde aynı işlemler uygulanmaz.
Resimler yeniden adlandırıldığında bile url'si hala uzun oluyor ise /uploads/cache/ dizinini örneğin: /resimler/ vb. şekilde sahte bir dizin ile değiştirip resim linklerini olabildiğince kısaltabilirsiniz. Burada dikkat etmeniz gereken husus: yazdığınız sahte dizinin sistemde kullanılan bir dizin olmaması ( Kategori isimleri ve dosya sistemi dizinleri )
Resimleri yeniden boyutlandırdığınızda otomatik olarak width ve height değerini de html koduna ekletebilirsiniz. Bu özelliğin de SEO açısından faydalı olduğunu söyleyebiliriz.
Örnek bir çıktı :
TPL Kodu
HTML çıktısı ( Modülsüz ) Resim boyutu: Admin panelde ayarlanan medium resim boyutu
HTML çıktısı ( Modül ile ) Resim boyutu: 140x100 px ve Kalite: 90%
HTML çıktısı ( Modül ile ) Otomatik isimlendirme kullanılmamış halde
Dış bağlantılardaki resimleri otomatik olarak sunucunuza indirebilirsiniz. d:1 parametresi ile bunu yapabilirsiniz.
Sonuç olarak
94 KB olan resim 12 KB'a düşürülmüş oldu. Sitenizde birçok resim olduğunu düşünürsek sayfa boyutu olması gerekenden çok daha fazla olacaktır.
Modülü her tpl dosyanızda kullanabilirsiniz. İlave alan veya image tagları ile uyumludur. İstediğiniz an açıp kapatabilirsiniz.
Kullanım Desenleri
Crop ( Kesme ) ile. Bu işlem için resim, otomatik olarak kesme işlemine uygun olabilecek en küçük boyuta indirgenir ve kırpılır.
Parametrelerin açıklamaları
Uyarı !
Hash metodu olarak admin panelden, sunucunuzun desteklediği bir metodu seçip kullanabilirsiniz. Resimlerin sonuna eklenen sonek için kullanılmaktadır.
Yukarıdaki resim örneğinde :
agario-private-server-acildi-ef2bb658.png
FTP Yüklemeleri
1.5 Sürümünde Lokal ve Uzak sunucuya FTP yükleme özelliği eklendi. Bu özellik ile boyutlandırma/kesme işlemi sonrasında resimlerin lokal veya uzak bir sunucuya yüklenmesini sağlayabilirsiniz. Böylece sitenizin bulunduğu host resimler nedeniyle hemen dolmayacaktır. Admin panelinde, işlenen resimlerin lokal sunucuda ne kadar yer kapladığını görebilirsiniz.
1.7 Sürümüne Güncelleme
Güncelleme talimatı arşivde verilmiştir. Bu güncelleme ile, DLE'nin sunmuş olduğu resim ilave özelliği ile uyumluluk sağlanmıştır. Ayrı bir etiket ile xfvalue değeri URL'ye dönüştürülüyor sonrasında resizer modülü devreye giriyor.
Örnek kodlar:
Buradaki etiketi içerisine tıklanabilir veya tıklanamaz olarak girilen html den
Eğer tıklanabilir ise a[href]'i, tıklanamaz ise img[src] değerini çekerek resmi otomatik bulmuş olur.
1.8 Sürümüne Güncelleme
Güncelleme talimatı arşivde verilmiştir.
Başlıca Özellikleri :
SEO etkisinin yanında site geliştiricileri için de çok faydalı bir modüldür. Örnek bir haber sitesinde aynı haber birkaç yerde farklı boyutlarda görüntülenmek istendiğinde, resmi css/html olarak o alanı kaplayacak şekilde ayarlansa bile en boy oranı bozulacaktır. Crop (kesme) özelliği sayesinde resmin istediğiniz bölümünü otomatik olarak istediğiniz boyutta kesitirebilirsiniz.
Yine farklı bir özellik olarak; İlave alan olarak girdiğiniz dış linkler, yani herhangi bir resim upload servisine yüklenen resimleri de otomatik olarak indirip üzerinde boyutlandırma, kalite ayarlama, kesme işlemleri yaptırabilirsiniz.
DLE'de sevilmeyen durumlardan biri olan: Yüklenen resimlere unix timestamp öneki eklenmesi, resmin adını uzattığı gibi SEO açısından da faydalı olmadığı öngörülebilir. Modüldeki diğer bir özellik te alt tagında belirtilen yazıyı resim adı olarak kullanabilmedir. Bu özellik sayesinde yüklenen resimleri otomatik olarak adlandırabilirsiniz.
Resimlerin resize edilmesi işlemi sürekli olmadığından sitenizin açılış hızı düşmeyecektir. Çünkü resim ilk görüntüleme işlemi esnasında boyutlandırılır, kesilir vs. işlemleri yapılır ve önbelleklenir. Bu sayede her seferinde aynı işlemler uygulanmaz.
Resimler yeniden adlandırıldığında bile url'si hala uzun oluyor ise /uploads/cache/ dizinini örneğin: /resimler/ vb. şekilde sahte bir dizin ile değiştirip resim linklerini olabildiğince kısaltabilirsiniz. Burada dikkat etmeniz gereken husus: yazdığınız sahte dizinin sistemde kullanılan bir dizin olmaması ( Kategori isimleri ve dosya sistemi dizinleri )
Resimleri yeniden boyutlandırdığınızda otomatik olarak width ve height değerini de html koduna ekletebilirsiniz. Bu özelliğin de SEO açısından faydalı olduğunu söyleyebiliriz.
Örnek bir çıktı :
TPL Kodu
<img src="{image-1}" resize="w:300,h:300,q:90" alt="{title}" />
HTML çıktısı ( Modülsüz ) Resim boyutu: Admin panelde ayarlanan medium resim boyutu
<img src="/uploads/posts/2015-11/medium/1448828412_1200x630.png" alt="Agar.io Private Server Açıldı">
HTML çıktısı ( Modül ile ) Resim boyutu: 140x100 px ve Kalite: 90%
<img width="140" height="100" src="/resimler/agario-private-server-acildi-ef2bb658.png" alt="Agar.io Private Server Açıldı">
HTML çıktısı ( Modül ile ) Otomatik isimlendirme kullanılmamış halde
<img src="/uploads/cache/1d466324cce4fa5e23793284e1b5aee3.jpg" alt="Agar.io Private Server Açıldı">
Dış bağlantılardaki resimleri otomatik olarak sunucunuza indirebilirsiniz. d:1 parametresi ile bunu yapabilirsiniz.
<img src="http://i.imgur.com/bPCSY43.jpg" alt="ucifer - Saison 2" resize="w:210,h:295,d:1,e:w">
Sonuç olarak
<img src="/uploads/cache/1d466324cce4fa5e23793284e1b5aee3.jpg" alt="ucifer - Saison 2">
94 KB olan resim 12 KB'a düşürülmüş oldu. Sitenizde birçok resim olduğunu düşünürsek sayfa boyutu olması gerekenden çok daha fazla olacaktır.
Modülü her tpl dosyanızda kullanabilirsiniz. İlave alan veya image tagları ile uyumludur. İstediğiniz an açıp kapatabilirsiniz.
Alıntı: MaRZoCHi
Eğer sitenizin açılış hızından memnun değilseniz ve farklı boyutlarda resimler kullanıyosanız modülü şiddetle tavsiye ediyorum.
Google Page Speed ile aradaki farkı hemen görebilirsiniz.
Daha fazla optimizasyon için google page speed'in verdiği optimize edilmiş dosyaları da kullanabilir.
/uploads/cache Klasöründeki resimleri indirip optipng gibi optimizer programlar ile boyutlarını daha da ufaltıp geri yükleyebilirsiniz.
Google Page Speed ile aradaki farkı hemen görebilirsiniz.
Daha fazla optimizasyon için google page speed'in verdiği optimize edilmiş dosyaları da kullanabilir.
/uploads/cache Klasöründeki resimleri indirip optipng gibi optimizer programlar ile boyutlarını daha da ufaltıp geri yükleyebilirsiniz.
Kullanım Desenleri
resize="w:728|h:440|q:75|e:1"
resize="w:728;h:440;q:75;e:1"
resize="w:728,h:440,q:75,e:1"
resize="w:728;h:440;q:75;e:w,f:1"
resize="w:728;h:440;q:75;e:h"
Crop ( Kesme ) ile. Bu işlem için resim, otomatik olarak kesme işlemine uygun olabilecek en küçük boyuta indirgenir ve kırpılır.
resize="w:400,h:400,q:80" crop="c-l" # Orta-Orta
resize="w:400,h:400,q:80" crop="t-l" # Üst-Sol
resize="w:400,h:400,q:80" crop="b-r" # Alt-Sağ
Parametrelerin açıklamaları
w: Width ( genişlik )
h: Height ( yükseklik )
q: Quality ( kalite 0-100 )
f: w ve h ile belirtilen genişlik değerleri resme width ve height olarak eklenir.
d: Eğer src kısmında dış bir bağlantı girilmişse ve ayarlarda açık ise, resim sunucuya indirilir.
e: Edge ( kenar hangi kenara göre boyutlandırılacağı )
- 1 ya da w : Genişlik
- 2 ya da h : Yükseklik
- 0 ya da boş : En Uzun Kenar
h: Height ( yükseklik )
q: Quality ( kalite 0-100 )
f: w ve h ile belirtilen genişlik değerleri resme width ve height olarak eklenir.
d: Eğer src kısmında dış bir bağlantı girilmişse ve ayarlarda açık ise, resim sunucuya indirilir.
e: Edge ( kenar hangi kenara göre boyutlandırılacağı )
- 1 ya da w : Genişlik
- 2 ya da h : Yükseklik
- 0 ya da boş : En Uzun Kenar
Uyarı !
Hash metodu olarak admin panelden, sunucunuzun desteklediği bir metodu seçip kullanabilirsiniz. Resimlerin sonuna eklenen sonek için kullanılmaktadır.
Yukarıdaki resim örneğinde :
agario-private-server-acildi-ef2bb658.png
FTP Yüklemeleri
1.5 Sürümünde Lokal ve Uzak sunucuya FTP yükleme özelliği eklendi. Bu özellik ile boyutlandırma/kesme işlemi sonrasında resimlerin lokal veya uzak bir sunucuya yüklenmesini sağlayabilirsiniz. Böylece sitenizin bulunduğu host resimler nedeniyle hemen dolmayacaktır. Admin panelinde, işlenen resimlerin lokal sunucuda ne kadar yer kapladığını görebilirsiniz.
1.7 Sürümüne Güncelleme
Güncelleme talimatı arşivde verilmiştir. Bu güncelleme ile, DLE'nin sunmuş olduğu resim ilave özelliği ile uyumluluk sağlanmıştır. Ayrı bir etiket ile xfvalue değeri URL'ye dönüştürülüyor sonrasında resizer modülü devreye giriyor.
Örnek kodlar:
<img src="{img:[xfvalue_resim1]}" resize="w:320,h:320,q:90" alt="{title}" />
<img src="{img:[xfvalue_resim2]}" resize="w:480,h:480,q:50" alt="{title}" />
Buradaki etiketi içerisine tıklanabilir veya tıklanamaz olarak girilen html den
Eğer tıklanabilir ise a[href]'i, tıklanamaz ise img[src] değerini çekerek resmi otomatik bulmuş olur.
1.8 Sürümüne Güncelleme
Güncelleme talimatı arşivde verilmiştir.
Version: 1.9 ( 02.08.2018 )
- DLE 13.0 uyumlu plugin haline getirildi.
Version: 1.9 ( 02.08.2018 )
Version 1.8.1 ( 06.09.2017 )
Version 1.7 ( 02.04.2017 )
Version 1.6 ( 05.10.2016 )
Version 1.5 ( 16.09.2016 )
Version 1.4 ( 25.10.2015 )
- DLE 13.0 uyumlu plugin haline getirildi.
Version 1.8.1 ( 06.09.2017 )
- DLE 12.0 için admin panel tasarımı yenilendi
- PHP düzeltmeleri yapıldı.
- Yerel / Uzak sunucu yüklemeleri için mantıksal hata giderildi.
- FTP önbelleğini tek tıklama ile temizleme özelliği eklendi.
Version 1.7 ( 02.04.2017 )
- DLE 11.2 ve diğer yeni sürümler için bazı düzeltmeler yapıldı.
- Yeni PHP sürümleri için ufak düzeltmeler yapıldı.
- DLE Resim ilave alanı için resize desteği eklendi.
Version 1.6 ( 05.10.2016 )
- Resim indirildi mi kontrolü yaparak hatalı ise resmin linkini değiştirmeyecek.
- Resim indirme fonksiyonuna "follow action" özelliği dahil edildi. Böylece bilinen resim servislerinden resim indirmesi mümkün hale geldi.
Version 1.5 ( 16.09.2016 )
- Resmin dosya adı olarak img'nin hangi attr'sinin kullanılacağı seçilebilir
- Resim genişlik ve yükseklik bilgisinin belirtilen/gerçek değerinin girilmesi ayarlanabilir hale getirildi. ( f parametresi )
- Lokal subdomain yükleme özelliği eklendi.
- Uzak sunucu (FTP) yükleme özelliği eklendi.
- Admin panelden yönetilebilir hale getirildi.
- Dil dosyası kullanımına geçildi.
- Otomatik kurulum desteği eklendi.
Version 1.4 ( 25.10.2015 )
- Resim boyutlandırma ve kesme özelliği
- Resim önbellekleme
- Alt tagını okuyarak otomatik adlandırma
- Dış linkleri indirebilme özelliği
- Resimlere otomatik olarak width ve height değeri ekleme
- Linkleri kısaltma için sahte link yazım imkanı
v1.4, DLE 10.6, 10.5, 10.4
v1.5, DLE 11.1, 11.0, 10.6, 10.5, 10.4
v1.6, DLE 11.1, 11.0, 10.6, 10.5, 10.4
v1.7, DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4
v1.8, DLE 11.3, 11.2, 11.1, 11.0, 10.x
v1.8.1, DLE 12.0 v1.9, DLE 13.0
v1.5, DLE 11.1, 11.0, 10.6, 10.5, 10.4
v1.6, DLE 11.1, 11.0, 10.6, 10.5, 10.4
v1.7, DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4
v1.8, DLE 11.3, 11.2, 11.1, 11.0, 10.x
v1.8.1, DLE 12.0 v1.9, DLE 13.0
Malesef bu içerik için video bulunmuyor.
Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.