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