NextGen Image Optimizer for Wordpress – Yerel WebP / AVIF Görsel Optimizasyon Eklentisi -Ücretsiz-

Selamlar arkadaşlar,
Eklentimizin adı Wordpress nedeniyle değişti.

Bu eklenti tamamen ücretsiz olup yazılımda dışa bağımlılığı azaltmak amacıyla geliştirilmiştir.




WordPress sitelerde görselleri otomatik olarak WebP / AVIF’e dönüştüren,
tamamen sunucunuz üzerinde çalışan bir eklenti geliştirdim:




Hedef Image Optimizer




Eklentimiz WordPress'te yayında Wordpress panelinizden eklenti adını sorgulatarak veya aşağıdaki Wordpress linkinden indirip kurabilirsiniz.


https://tr.wordpress.org/plugins/hed...zer-webp-avif/


Ayrıca Youtube'da kurulum ve kullanım videosu da yayınladım.


https://www.youtube.com/watch?v=Bct8bq0sst4





GitHub (Erken Erişim / Kaynak Kod)
https://github.com/vhbcet/NextGen-Im...r-for-Wodpress




Eklenti tamamen ücretsiz ve açık kaynak.
Öneri, bug report, PR hepsine açığım.




Ekran Görüntüleri




- Ayarlar sayfası (hero + ana kartlar)








- Toplu optimizasyon ekranı (progress bar + donut)






- Medya kütüphanesi "NextGen" sütunu








✅ Eklenti Ne Yapıyor?
Kısaca:


• JPEG/PNG yüklemelerini WebP ve/veya AVIF’e çeviriyor (sunucunuz destekliyorsa).
• Var olan görseller için Toplu optimizasyon ekranı ile Media Library’i tarıyor.
• Önyüzde isterseniz görselleri <picture> ile sarıyor ve uygun tarayıcılara WebP/AVIF sunuyor.
• Her şey lokaj API olmadan, sadece kendi sunucunuzda çalışıyor (GD / Imagick).
• Admin arayüzü modern bir tasarıma sahip ve Türkçe dil desteği var.




Öne Çıkan Özellikler


• Yerel dönüştürme (no external API)
– Görseller hiçbir şekilde başka bir servise gönderilmiyor.
– GD veya Imagick ile direkt kendi sunucunuzda WebP / AVIF üretimi.


• Otomatik dönüştürme
– Yeni yüklenen JPEG/PNG görseller için otomatik WebP/AVIF kopyası.
– “Yükleme sırasında optimize et” seçeneği ile aç/kapat kontrolü.


• Toplu optimizasyon
– Media → Bulk Optimize (NGIO) ekranından kütüphaneyi sayfa sayfa tarıyor.
– Progress bar + log kısmında o an optimize edilen görseller listeleniyor.
– Kalite ayarını değiştirdiğinizde tekrar çalıştırıp mevcut kopyaları güncelleyebiliyorsunuz.


• Medya kütüphanesi entegrasyonu
– Liste görünümünde ek bir "NextGen" sütunu.
– Her görsel için: optimize durumu, yeni boyut, ne kadar alan kazandığınız (%).
– Tek tıkla “Re-optimize” veya (orijinalleri saklıyorsanız) “Restore original”.


• Tekil görsel kontrolü
– Eklenti, attachment edit ekranına küçük bir kutu ekliyor.
– Sadece o görsel için optimize / yeniden optimize çalıştırabiliyorsunuz.
– “Yükleme sırasında optimize et” global ayarını o görsel için override etme imkanı.


• Akıllı frontend entegrasyonu
– `wp_get_attachment_image()` ve öne çıkan görselleri <picture> ile wrap ediyor.
– Destekleyen tarayıcılar önce AVIF / WebP deniyor, desteklemeyenler orijinali alıyor.
– İçerikteki `wp-image-123` class’lı `<img>` etiketlerini yakalayıp dönüştürüyor.


• Kalite, yeniden boyutlandırma, metadata
– 0–100 arası kalite slider’ı (80–85 arası çoğu site için ideal).
– Orijinal genişliği belirli bir pikselin üzerindeyse next-gen kopyayı otomatik küçültme (örn. 2048px).
– EXIF/IPTC metadata’yı sadece WebP/AVIF kopyalardan strip etme seçeneği.


• Hariç tutma kuralları
– Dosya adı veya path’e göre exclude pattern (satır başı bir tane).
– Örnek: `logo`, `avatar-`, `/icons/`, `/uploads/2020/` gibi.


• Dil desteği
– İngilizce (en_US) ingilizce üzerine kuruldu fakat türkçe dil desteği eklendi.
– Türkçe (tr_TR) – admin arayüzü ve bulk ekranlar tamamen çevrilmiş durumda.




�� Kurulum


1. GitHub’dan eklentiyi indirin:
https://github.com/vhbcet/NextGen-Im...r-for-Wodpress
2. Zip olarak nextgen-image-optimizer klasörünü `/wp-content/plugins/` altına yükleyin.
3. WordPress admin’de Eklentiler → Yüklü Eklentiler kısmından aktif edin.
4. Ayarlar → Image Optimizer ekranına girip:
– WebP / AVIF seçimlerini,
– Kalite ve max genişlik değerlerini,
– Yükleme sırasında otomatik optimize ve `<picture>` seçeneklerini yapılandırın.
5. Var olan görseller için Media → Bulk Optimize (NGIO) ekranından toplu optimizasyonu çalıştırın.




Geri Bildirim & Katkı


Eklenti Hedef Hosting Ekibi tarafından geliştiriliyor ve tamamen ücretsiz olarak yayınlanacak.


• Bug, hata, uyarı, çakışma vs. fark ederseniz;
• Performans / UX / yeni özellik önerileriniz olursa;


GitHub üzerinden issue açmanız veya star bırakmanız da motive eder.




�� Özellikle test etmek isteyebileceğiniz senaryolar


• Yüksek trafik alan sitelerde görsel boyutu ve sayfa açılış hızına etkisi.
• Imagick ve GD farklı kombinasyonlarında WebP/AVIF desteği.
• WooCommerce ürün görselleri, blog öne çıkan görselleri, page builder (Elementor vb.) ile uyumluluk.
• Eski / yeni tarayıcı kombinasyonlarında `<picture>` davranışı.




Sorularınız, “şu hostingde şöyle bir durum oldu” tarzı geri bildirimleriniz olursa konunun altına yazabilirsiniz.
Eklenti için çok emek verdik. İlgi görürsek yine açık kaynak kodlu olarak SEO Optimizasyon, Önbellek+Hızlandırıcı eklentiler yapmaya başlayabiliriz.