WordPress Resim Sıkıştırma Eklentileri ve Kullanımı
Geçen günlerde Resim Optimizasyonu ve SEO için Önemi hakkında bir makale oluşturmuştuk. Ancak gelen e-posta ve onaylamadığımız yorumlarda resim optimizasyonunu genel olarak arayan kişiler aslında WordPress siteleri için resim sıkıştırma eklentisi aradıklarını bize söylediler.
Yazı İndeksi
WordPress Resim Sıkıştırma Eklentileri
WordPress sitenizde kullandığınız resimler SEO açısından önemli olduğunu daha önce ki yazımızı okuduysanız farkında olmalısınız. Şimdi ise kullandığımız resimlerin sitemize doğru yüklenmediği zaman oluşturduğu yükü azaltmak adına ücretli ve ücretsiz eklentiler ile nasıl sıkıştırarak optimize edeceğimizi görelim.
Tüm bunları söyledikten sonra gelin sizin için hazırladığımız listeye bir göz atalım.
ShortPixel
ShortPixel WordPress için özel geliştirilmektedir. Hem ücretsiz hem de ücretli hesaplar sunar (diğerleri gibi). Ancak bu servis hakkında birazda değineceğimiz güzel ve farklı özellikleri var.
Özellikler:
- Kayıplı ve Kayıpsız resim sıkıştırmayı destekliyorlar.
- Sıkıştırma için JPG, PNG, GIF ve PDF dosya uzantılarına destek veriyorlar.
- Sıkıştırılma işlemi yapılan resim dosyasının orjinal halini saklıyor ve isterseniz geri yükleyebiliyor.
- Tüm eski yüklemeleri tek bir tıklama ile sıkıştırma işlemi yapılabiliyor.
- Sitenize görsel yüklemeniz ardından otomatik olarak resim sıkıştırma yapabiliyor.
- Dosya boyutu limiti bulunmuyor.
- Ücretli ve ücretsiz kotanızı yönetebilme şansınız var.
- Orijinal görüntülerinizi ayrı bir klasöre yedekliyor.
- Resim sıkıştırması yaparken küçük resimlerinizi(thumbnail) yada yüklediğiniz görseli seçerek sıkıştırma işlemini yapabiliyor.
- Görüntünün EXIF etiketini silmenize yada korumanıza olanak sağlıyor.
Ücretsiz Hesap:
- Her ay 100 ücretsiz resim sıkıştırması yapabilirsiniz.
- Arkadaş tavsiye programı: Önerdiğiniz her kişi için ayda 100 ücretsiz sıkıştırma hakkı daha alırsınız.
Ücretli Hesap:
- Aylık yada tek sefer ödeyerek limitli sıkıştırma hakkı alabilirsiniz.
- 10.000 resim sıkıştırması hakkı için $9.99 ödeyerek zaman sınırlaması olmadan resim sıkıştırabilirsiniz.
- Ödeme yöntemi olarak ne yazık ki PayPal kabul ediyorlar. PayPal şuan için Türkiye üzerinden ödeme alma ve verme işlemlerini gerçekleştirmiyor.
ShortPixel Kullanımı
Kurulumu kolaydır ve ara birim basittir. Bu eklenti ile toplu görüntü sıkıştırması yapmaya başladığınızda ne demek istediğimizi göreceksiniz.
Ücretsiz hesabınızı oluşturduktan sonra, ADMIN alanınıza giriş yapın ve API anahtarını alın. ShortPixel WordPress eklentisini kurun ve etkinleştirin.
WordPress eklentisini kurduktan ve API anahtarınızı edindikten sonra Ayarlar > ShortPixel sayfasına gelin.
Eski resimlerinizi optimize etmek için Ortam > Bulk ShortPixel sekmesine gidin.
Bu eklenti hakkında güzel olan şey sıkıştırmadan küçük resimlerin seçimini kaldırabilirsiniz.
Bu sayede sıkıştırma limitinizi sadece yavaş yüklenen sayfalarınızın suçlusu olan büyük boyutlu resimler için kullanılmasını sağlar.
Bu eklenti düzenli olarak güncelleştirilmekte ve WordPress eklenti dizininde 4.7 yıldız puanına ve 40.000 aşkın aktif indirme sayısına sahiptir.
ShortPixel WordPress’de resim ve PDF sıkıştırması için ideal bir çözümdür.
Ücretsiz hesap oluşturup denemenizi tavsiye ederiz.
reSmush.it
reSmush.it ücretsiz olarak resim sıkıştırma hizmeti vermektedir. Kullanımı ve ayarları son derece kolay olmasıyla ve sunduğu özellikler açısından bizim için listede ikinci yer fazlasıyla hak ediyor. İlerleyen dönemlerde eklenti özellikleri geliştirilirse belkide birinci sırayı alabilir.
Özellikler:
- Eklenti üzerinden JPEG, BMP, GIF, PNG ve TIF dosya türlerini destekler.
- Eklenti üzerinde boyutu 5 MB geçmeyen resim dosyalarınızı sıkıştırabilirsiniz.
- Toplu olarak tüm resimlerinizi sıkıştırabilirsiniz.
- Resim kalitesini kendiniz belirleyerek en verimli sıkıştırmayı elde edebilirsiniz.
reSmush.it Kullanımı
Öncellikle reSmush.it Image Optimizer WordPress eklentisi kurup etkinleştirmeniz gerekmektedir.
Resimlerinizi optimize etmek için Ortam > reSmush.it sekmesine gidin.
Eklentinin tüm ayarlar ve işlevleri tek sayfa üzerinden yapılmaktadır. Anlaşılması ve işlem takibi yapılması son derece kolay olduğunu göreceksiniz.
İlk olarak bilmeniz gereken reSmush.it sıkıştırma işlemi sırasında resimlerinizin orijinal hallerini ayrı bir klasör altında toplamaz. Bu yüzden görüntü kalitesini belirlerken dikkatli olmalısınız.
Tavsiye olarak gelen varsayılan ayar oranı 92 dir. Biz 90 olarak denedik ve gayet memnun kaldık. Görüntü kalitesi 0 ile 100 arasında belirlenmektedir.
Değişiklikleri kaydet demeyi unutmayın. Eklenti üzerinden yapmanız gereken tek ayar budur.
Şimdi Optimize all pictures butonuna tıklayarak toplu olarak resim sıkıştırma işlemini yapabilirsiniz.
Resim sıkıştırma işleminden sonra sayfanın içerisinde yer alan istatistik tablosundan sıkıştırma verilerine bakabilirsiniz.
reSmush.it WordPress resim sıkıştırma eklentisinin tek dezavantajı aktif olarak üç adet sunucu üzerinden destek vermesidir. Ücretsiz olarak verdiği resim sıkıştırma servisinin durumunu buradan kontrol edebilirsiniz.
TinyPNG
TinyPNG, resimleri sıkıştırmak için fazla popüler olmayan servislerden biridir. Ancak ücretli ve ücretsiz olarak sunduğu özellikler ve WordPress eklentisi sayesinde listemizde kendine yer bulmakta.
Özellikler:
- Yeni yüklediğiniz resimleri otomatik sıkıştırmakta.
- Sadece JPEG ve PNG dosyalarına destek veriyor.
- Toplu resim sıkıştırma desteği bulunuyor.
- Kendi içerisinde resim boyutlandırma desteği sunuyor.
- CMYK’yi RGB’ye dönüştürebiliyor.
- Tek API birden çok site için kullanılabilir.
- Dosya boyutu için sınırı yok.
Ücretsiz Hesap:
- Her ay 500 resim sıkıştırma hakkı sunuyor.
Ücretli Hesap:
- 10,000 resim sıkıştırma hakkı $85,50 (Site üzerinden hesaplama aracını kullanarak temsili hesaplanmıştır).
TinyPNG Kullanımı
Öncellikle Compress JPEG & PNG images WordPress eklentisini kurup etkinleştiriyoruz.
Ardından TinyPNG sitesinden Developer API hesabımızı ücretsiz olarak oluşturuyoruz.
API ve kurulum yaptığınızı var sayarak Ayarlar > Ortam sayfasına geliyoruz.
API anahtarımızı girdikten sonra temel ayarları yaparak Ortam altından toplu olarak resim sıkıştırma işlemini yapabilirsiniz.
Kraken
Bu oldukça popüler olan başka bir ücretli eklentidir. WordPress eklenti dizininde oldukça talep gören ve son dönemlerde oldukça adı geçen resim sıkıştırma servislerinden biridir.
Kraken sitenizde bulunan tüm resim dosyalarını toplu olarak optimize edip zip dosyası olarak indirmemizi sağlar.
Özellikler:
- JPG, PNG ve GIF dosya formatlarını destekler.
- WP-CLI destekleniyor.
- Bulut depolama alanındaki orijinal görüntünün yedeğini tutar.
- Resimleri yeniden boyutlandırma yapabiliyor.
- EXIF verilerini isteğe bağlı olarak düzenliyor.
Ücretsiz Hesap:
- Sistemi test etmeniz için bir sefere özel 100MB hak tanıyor.
- Maksimum dosya boyutu sınırlaması 1MB.
Ücretli Hesap:
- Yıllık alımlarda 2 ay ücretsiz kullanım sunuyor.
- Tek hesap ile birden çok web sitesinde kullanım hakkı tanıyor.
Kraken Kullanımı
Diğer eklentilerde olduğu gibi bu eklenti içinde API ve WordPress eklentisini edinmeniz gerekiyor. Kraken API bağlantısından ücretsiz deneme hesabınızı oluşturunuz.
Kraken.io Image Optimizer eklentisi kurup etkinleştirmenizin ardından. WordPress yönetim paneliniz üzerinden Ayarlar > Kraken.io sayfasını açınız.
Eklenti sayfasında yer alan API Key ve API Secret alanlarını doldurduktan sonra Save All demeyi unutmayın.
API bağlantınızı yaptıktan sonra çok fazla ayar yapmanıza gerek bulunmamaktadır.
Advanced Settings kısmından EXIF ayarlamasını yapabilirsiniz. Ayrıca toplu resim sıkıştırma yaparken aynı anda işlenecek dosya limitinizi düzenleyebilirsiniz.
Imagify
Imagify ücretli ve ücretsiz olarak WordPress ortam kütüphanesi altında yer alan resimlerinizin sıkıştırmasını otomatik olarak yapıyor. Ek olarak üç farklı sıkıştırma seviyesi sayesinde ciddi boyutlarda sıkıştırmanın yolunu size sağlıyor.
Özellikler:
- Kayıplı ve Kayıpsız resim sıkıştırmayı destekliyorlar.
- İşlem yapılan resimleri geri yükleme desteği sağlıyor.
- Üç farklı sıkıştırma seviyesi seçeneği sunuyor.
- Tek API ile bir çok sitede eş zamanlı kullanım sunuyor.
- Resimleri yeniden ölçeklendirebiliyor.
- En yaygın resim formatlarına destekliyor.
Ücretsiz Hesap:
- Aylık 25 MB ücretsiz resim sıkıştırmasını kullanabilirsiniz.
- Ücretsiz hesaplarda 2 MB ve altı dosyalarınızı sıkıştırmanıza izin verilmekte.
Ücretli Hesap:
- Ücretli hesap içerisinde dosya boyutu için her hangi bir limit bulunmuyor.
- Yıllık alımlarda 2 ay indirim avantajı sağlanıyor.
- Eğer aylık hesaplar size cazip gelmediyse, resim sıkıştırma için 500 MB, 1 GB ve 3 GB şeklinde hazırlanmış tek ödemeli hesapları inceleyebilirsiniz.
Imagify Kullanımı
Eklentiyi kurup etkinleştirme işleminin ardan karşınıza imagify karşılama ekranı gelecektir. Bu ekran üzerinden adımları izleyerek API anahtarınızı almanız gerekmektedir.
İlk olarak Sing up, It’s Free! düğmesine basarak e-posta adresiniz ile kayıt olmalısınız. E-posta adresinize gelecek olan API anahtarını I have my API key düğmesine basarak ilgili alana kopyalayınız. Eklentinin temel ayarlarını yapmak için Go to Settings düğmesine basınız.
Eklentinin ayar sayfasında geldiğinizde dikkat etmeniz gereken en temel nokta sıkıştırma seviyesidir. Ayrıca bu ekran üzerinde eklentinin tüm ayarlarını özelleştirebilirsiniz. Sıkıştırma seviyeleri ve açıklamaları:
- Normal: En düşük sıkıştırma performansını sağlarken, resimlerinizi görsel açından bozmaz.
- Aggressive: Sıkıştırma performansı genel olarak çoğu WordPress kullanıcısı için yeterlidir. Resimlerinizi olabildiğince sıkıştırırken ufak görsel bozulmalar oluşabilir.
- Ultra: Sıkıştırma performansı açısından en yüksek değerleri elde etmenizin yanı sıra görsel açıdan bozulmalar yaratabilir.
Tavsiyemiz Agressive seviyesini kullanmanız yönünde. Eğer resimlerinizde bozulmalara önem vermiyorsanız Ultra seviyesini kullanarak ciddi sıkıştırma oranları elde edebilirsiniz.
Sıkıştırma seviyenizi seçtikten sonra yapmanız gereken son adım Imagify’em all düğmesine basmaktır. Sıkıştırma hakkınıza bağlı olarak toplu sıkıştırma işlemi yapılacaktır.
Genel Değerlendirme
WordPress resim sıkıştırma eklentileri, sitenizin hız ve kullanıcı deneyimi açısından güvenlik, önbellek ve seo eklentileri kadar önemlidir. Sitenizin resim içeriğine göre uygun bir eklenti seçerek sıkıştırma işlemi yapmanız, Google gibi arama motorları açısından sıralamada yükselmenize etki etmektedir. Hızlı açılan sayfalar her zaman daha üstlerde yer alacağını unutmayın.
Bu yazımızda WordPress resim sıkıştırma eklentilerini ve temel kullanımı ile ilgili bilgiler vermeye çalıştık. Listemizi ara ara güncelleyeceğiz. Unutmayın hızlı açılan web siteleri Google ve ziyaretçileriniz için önemlidir.
Son olarak sormak istediklerinizi bize yorum olarak yazmaktan çekinmeyin.
Sıkça Sorulan Sorular
WordPress kütüphane içerisine eklediğiniz görsellere sıkıştırma işlemi yapmaz. Yüklediğiniz resimleri bir eklenti kurarak sıkıştırma işlemine tabi tutabilirsiniz.
Ben reSmush kullanıyorum ve oldukça memnunum. Aslında en iyisi Photoshop ile resmi özgünleştirme işi ama o da zaman alıyor..
Thank you so much.
Aslında gtmetrix bu konuda bir eklenti çıkarsa süper olur. Gtmetrix en iyi görüntü ile dosya boyutunu en iyi ufaltan site. “Optimized version” dediği resimleri eklenti hizmetine sunsa keşke. Ya da böyle bir eklenti var ise (yukarıdakiler dışında) adını öğrenmek isterim.
Daha önce bende bu tarzda bir düşünce için ufak bir eklenti yazmaya başlamıştım ancak istediğim döngüyü sağlayamadım. Liste içerisinde yer alan reSmushit eklentisini kullanmanı tavsiye ederim, kalite oranı olarak 85 seçersen gtmetrix değerlerine yakın bir oran elde edebilirsin.
Aslında yazmak çok mu zordur. Sayfa adresini vereceksin, gtmetrix de tarayacak. Optimized Images kısmındaki resimleri getirecek. Dosya isimleri farklı olduğundan dolayı direkt replace etmeyecek. Hangi resimi hangi resim ile replace edeceğini kullanıcıya soracak. Kullanıcı bir nevi metch işlemi yapacak. Sonra da upload klasöründeki resimlere upload edip, var olan resmin üzerine overwrite edecek gibi.
Gtmetrix resim sıkıştırma için API desteği verir ise emin ol bu dediklerin yapılabilir.
Bilmediğimden soruyorum ; Api’siz olmaz mı ?
Mesela bot/eklenti ile
What’s this mean?
alanı altında bulunan “” ye göre,
optimized version
gibi algılanaz mı yani. Yani optimized version’a tıkladığımızda açılan optimize edilmiş resim linkine tıklatıp indiriyoruz ya. Onu belirli tag’ler içersindeki kod’lardan sonraki resim linklerine erişip indirmek gibi.
Biraz fanteziye kaçmış olabilirim : )
Daha önce farklı bir mantıkla denemeler yapmıştık ancak çok fazla site sorgulamasından sonra bekleme sırası çok fazla oluyor.
Bu arada benim üstteki yorumumu çevirmiş baya. Ben kodları yazmıştım. Şimdi bakıldığında pek anlaşılmıyor gibi görünüyor yorum. Whats this mean vs yazıyor 🙂 Neyse.
Ben gayet açık olarak anladım 🙂 Üzerinde çalıştığımız bir kaç eklenti var. Umarız yakında WordPress arşivinde yerini alır.
Merhaba,
WPMU DEV’in geliştirdiği, ilk sırada, 1 milyondan fazla kullanıcısı olan, üstelik paylaştığınız eklentilerin ücretli sürümlerinin tüm özelliklerini destekleyen pro versiyonunu geliştirdikleri diğer tüm eklentileriyle birlikte 30 gün ücretsiz trial kullanmaya ve istediğiniz zaman iptal etmeye izin veren WP Smush Pro neden listede yok çok merak ettim gerçekten… Önemli bir sebebi var mı listeye dahil etmediğinize göre? Lütfen bilgilendirirseniz sevinirim, çünkü kurmak istiyorum.
Hayırlı çalışmalar, günler dilerim…
Açıkçası listeye almama sebebim ücretsiz versiyon sıkıştırma oranlarına göre çok tatminkar değil. Pro versiyonunu açıkçası test edip kıyaslamadım. Yaptığım testlerde bazı dosyaların boyutlarının büyüdüğünü fark ettim. Şöyle ki resim sıkıştırma işleminden önce 17 kb olan dosya sıkıştırmadan sonra 29 kb olarak yeniden oluşturulmuş. Bazı resim dosyaları ise düzgün yazılamadığı için hataya sebebiyet verdi. Eklentinin geliştirme geçmişine göz atarsanız daha detaylı bilgiler edinebilirsiniz.
Hmm… Ödül falan da almışlar oysa ki. Türkçe desteği de var. Çok teşekkür ederim verdiğiniz bilgi için, Allah razı olsun…
Bir de bu konuda merak ettiğim bir şey var: benim sitemde her yazıda galeri var ve resme tıklayınca büyük açılmasını istediğim için önceden ortalama boyut olsun diye resimlerin hepsini .jpg formatında 1024x… ölçeklendirerek ve kalite 83 olarak + bilerek EXIF bilgileri ile yükledim. Hepsi 100-130-150 kb arası. Fakat GTmetrix ve Google PageSpeed çerçevedeki daha küçük ön görüntü boyutlarına göre yeniden ölçeklendirmeyi öneriyor. Şimdi mantık olarak ben önceden doğru mu yapmışım, yoksa o önerilere göre yeniden mi ölçeklendireyim hepsini? Yani sayfa hızına büyük artısı olur mu? Tüm sayfalar 2-3 MB genelde.
Bu konuda da beni aydınlatırsanız sevinirim. Hayırlı günler dilerim…
Resimleri küçültmeniz sayfa açılış hızını artırmanız açısından önemlidir. Google hızlı açılan sayfaları sıralamada öne almaktadır. Resimlerinizi sıkıştırma ve yeniden boyutlandırma yapmadan önce mutlaka yedek alın.
Pictureport.net kullanın, eklenti ile hiç kasmayın : ) Daha iyi sonuçlar alamayacağınızı test ettikten sonra görmüş olacaksınız.
wpgurme sitesinde de anlatımı ve tanıtımı mevcut.
Teşekkür ederim, Web Scan özelliği hoşuma gitti. Geliştiricisi sizsiniz galiba; Allah razı olsun, başarılarınızın devamını ve hayırlı günler dilerim…
Ben fotoğrafları yüklemeden önce Photoshop ile tek tek düzenleme yapıyorum, yeri geliyor fotoğrafı %40 kalite ile kayıt ediyorum, yeri geliyor %70 ile kayıt edip upload ediyorum. Bu işlem uğraştırıyor ama sizce daha mı sağlıklı? Bu işlemleri yaptığım halde fotoğraf optimizasyonu yapan eklentileri kurmak gerekir mi?
Photoshop kendi içerisinde web export özelliği sunuyor ancak ara resim sıkıştırma eklentileri kullanmanızı öneririm. Bunun sebebi her resim sıkıştırma eklentisi farklı bir algoritma kullanarak resimleri işliyor ve buna bağlı olarak farklı boyut kazanımları sağlıyor.
Teşekkür ederim üstad.
var olan resimleri JPEG 2000, JPEG XR ve WebP haline çeviren eklenti var mı?
Kraken üzerinde farklı servisler mevcut. Resim sıkıştırma açısından webp harici diğer formatları denemedik açıkçası. Kayıplı yada kayıpsız olarak sıkıştırma oranları açısından seçeceğiniz formatı bizimle paylaşır mısınız?
İmagify ile eski resimleri optimize etmeye çalışıyorum, tüm adımlara uyuyorum ama optimizasyon hep %0 ayrıca, manuel de optimize etmeye çalışıyorum yine optimize etmiyor, sorun nedendir acaba?
Merhaba sitenizde çok mu fazla görsel var acaba? Eğer ki çok fazla görsel var ise php çalıştırma süresine takılıyor olabilirsiniz. Kullandığınız php sürümü nedir acaba?