Medya için Dönüştürücü ile WebP'nin Ötesine Bir Adım
Yayınlanan: 2022-11-16Bu günlerde, sitenizin performansını artırmak için resim dosyalarını küçük tutmak hiç akıllıca değil. Görüntüleri yüklemeden önce sıkıştırmak için pek çok yöntem ve bunları kaydetmek için iyi bilinen birkaç biçim vardır. Her ne kadar başvuracağınız yöntemlere ve formatlara sahip olsanız da, en son gelişmelerden haberdar olmayabilirsiniz.
Bir WordPress sitesi çalıştırıyorsanız, muhtemelen WebP'ye aşinasınızdır. WebP biçimi, 2010 yılında Google tarafından geliştirildi ve o zamandan beri sürekli olarak popülerlik kazandı. JPEG ve PNG dosyalarının %25-34 oranında azaltılması, web sitesi sahipleri için ezber bozan bir şeydi.
AVIF adı verilen bir görüntü formatına daha aşina olmanız gerekebilir. Alliance for Open Media tarafından 2019'da piyasaya sürülen AVIF, görüntü boyutlarını WebP'den bile daha fazla küçültebilir. Ek olarak, dönüştürülen görüntülerin kalitesi WebP'den daha iyidir. AVIF biçimi, Chrome ve Firefox gibi tarayıcılar ve Safari'nin en son sürümü tarafından desteklenir. Toplamda, tarayıcıların %76'sından fazlası zaten AVIF'i destekliyor ve bu oran her geçen gün artıyor.
Resimlerinizi olabildiğince küçültmek ve sitenizin çok hızlı yüklenmesini istiyorsanız, AVIF'i benimsemeniz gerekir. Hemen şimdi Converter for Media adlı bir WordPress eklentisiyle başlayabilirsiniz.
Medya Eklentisi için Dönüştürücü
Dürüst olalım. Görüntüleri sıkıştırmak bir acı olabilir. Hiç kimse zamanını fotoğrafları ezerek ve görüntü kalitesini korumaya çalışarak harcamaktan hoşlanmaz. Resimlerinizi sitenize yükleyip ağır işi yazılımın yapmasına izin verseydiniz çok daha kolay olurdu.
Bu, Converter for Media eklentisi ile kesinlikle mümkündür.
Converter for Media, görüntülerinizi doğrudan WordPress içinde optimize etmenize yardımcı olur. Masaüstü uygulamalarıyla uğraşmaktan kaçınabilirsiniz. Resimlerinizi WordPress sitenize yükleyin ve eklenti gerisini halleder. Eklenti ayrıca mevcut tüm resimlerinizi dönüştürür ve orijinal dosyaları olduğu gibi bırakır.
Converter for Media, görüntülerinizi AVIF formatını kullanarak sıkıştırmak için zaten donanımlıdır. Oyunun ilerisinde olmak ve mevcut en son formatı kullanmaya başlamak istiyorsanız, bu eklenti bunu başarmanıza yardımcı olacaktır. Siteniz daha hızlı yüklenecek, SEO'nuz gelişecek ve ziyaretçileriniz etrafta dolaşarak size teşekkür edecek.
WebP'yi çok erken geride bırakmaktan endişe ediyor olabilirsiniz. Bu akıllıca, ancak rahatlayabilirsiniz çünkü Converter for Media da WebP kullanır. Bu, bir tarayıcı AVIF'i desteklemiyorsa sitenizin bunun yerine WebP sürümünü göstereceği anlamına gelir.
Converter for Media'nın bir başka harika özelliği de resimlerinizin bir uzak sunucu kullanılarak dönüştürülmesidir. Bu, sunucunuzda neredeyse hiç yük olmadığı anlamına gelir; bu, paylaşılan bir barındırma planındaysanız çok faydalıdır. Görüntüleri AVIF'e dönüştürmek için sunucunuzun teknik gereksinimleri karşılayıp karşılamadığını merak etmenize gerek yok.
Şimdi, Converter for Media eklentisini kullanarak sitenizin resimlerini nasıl küçülteceğinize geçelim!
Medya için Dönüştürme Nasıl Kullanılır
Medya için Dönüştürücünün kullanımı kolaydır. Kurulumdan yapılandırmaya kadar tüm kurulumu gözden geçireceğiz.
Medya için Dönüştürücüyü Yükle
Converter for Media eklentisini doğrudan WordPress.org sayfasından indirerek başlayın.
İsterseniz, temel eklentiyi doğrudan WordPress sitenizden arayabilirsiniz. Yönetici Panosu'nda, Eklentiler > Yeni Ekle öğesini seçin. Arama çubuğunda “Converter for Media” ifadesini arayın, bunun bir seçenek olarak göründüğünü göreceksiniz.
Eklentinin Pro sürümü için ek özellikler sunan sitelerinden bir plan da satın alabilirsiniz.
Eklenti zip dosyasını indirdikten sonra, WordPress sitenizin Yönetici Panosuna gidin. Eklentiler–> Yeni Ekle'yi seçin. Eklenti Yükle'ye tıklayın ve kaydettiğiniz .zip dosyasına göz atın. Şimdi Kur'a tıklayın, ardından etkinleştirin.
Ortam Yapılandırması için Dönüştürücü
WordPress yönetici kontrol panelinizin sol tarafındaki menüsünde Media>Library seçeneğine gidin, burada Converter for Media adlı yeni bir öğe göreceksiniz. Ayarlar menüsü altında da bulabilirsiniz. Buna tıklayın ve eklentinin Genel ayarlar menüsünü göreceksiniz.
Körü körüne dönüştürmeye başlamadan önce, dönüştürme boyutunuzu etkileyen bazı kararlar vermeniz gerekir. İlk olarak, bir kaydırıcı, kayıplıdan kayıpsıza dönüştürülen görüntü kalitesini seçmenize olanak tanır.
Ardından, AVIF, WebP veya her ikisine de dönüştürebilirsiniz. AVIF biçimini kullanmak için Pro sürümüne yükseltmeniz gerekeceğini unutmayın — WebP ücretsiz sürüme dahildir. WebP dosyaları, JPEG veya PNG biçimlerinden %60 daha hafif olabilirken AVIF, WebP'den ortalama %33 daha hafiftir.
Desteklenen dizinlerin listesi
Dosyaların dönüştürüleceği üç dizin arasından seçim yapabilirsiniz:
- / eklentiler
- /temalar
- /yüklemeler
Çoğu WordPress sitesinde, yükleme dizini muhtemelen en çok resim dosyasını içerecektir ve varsayılan olarak bunu seçmenizi öneririm. Görüntü dosyalarınızı WordPress varsayılanından ayrı olarak barındırmak istiyorsanız kullanışlı olan özel bir dizin için destek eklemek de mümkündür.
Maksimum görüntü boyutları
Bu özellik, görüntü yüksekliğini ve genişliğini ayarladığınız maksimum boyutlara yeniden boyutlandırmanıza olanak tanır. Alanlara girdiğiniz yükseklik ve genişlik değerlerinden bağımsız olarak en boy oranını koruyacaktır.
Yeni görüntülerin dönüştürülmesi
İleride Medya Kitaplığınıza yükleyeceğiniz tüm yeni görüntüleri otomatik olarak dönüştürmeyi seçebilirsiniz. Bu, resimleri yüklerken hatırlamanız gereken bir adımı ortadan kaldırarak faydalıdır.
Görüntülerin toplu optimizasyonu
Kullanışlı küçük ağaç yapısı, optimize edilebilecek resimleri içeren tüm klasörleri size gösterir.
Tüm resimlerinizi hem WebP hem de AVIF formatlarına dönüştürerek en iyi sonuçları alacaksınız. Bu, yalnızca en düşük görüntü ağırlığını garanti etmekle kalmaz, aynı zamanda tarayıcılar arasında maksimum uyumluluk sağlar.
Kaç görüntüyü dönüştürmeniz gerektiğine bağlı olarak, birkaç dakikadan birkaç saate kadar sürebilir. Yaklaşık 15 dakika sonra 10.720 dosyayı dönüştürdüm ve ağırlığı %51 azalttım — 308 MB tasarruf ettim. Bu, Optimal ayarı kullanmak, görüntüleri maksimum 1200 x 1200 piksele yeniden boyutlandırmak ve yalnızca birkaç başka dizini içeren yüklemeler dizinindeki dosyaları dönüştürmekti.
Gelişmiş Ayarlar
Gelişmiş Ayarlar sekmesi, dosyalarınızın nasıl işlendiği konusunda size daha da fazla kontrol sağlar.
Desteklenen dosya uzantılarının listesi
Dönüştürmek istediğiniz dosya türlerini ve Convert for Media'nın hangi dosya türlerini olduğu gibi bırakması gerektiğini seçebilirsiniz.
Dönüşüm yöntemi
Listelenen üç yöntem vardır: Imagick, GD ve Uzak sunucu. Sunucunuzdaki yükü azalttığı için Uzak sunucu seçeneğini tercih etmenizi öneririm. Kendi sunucunuz, medyanızı dönüştürmek için gereken teknik gereksinimleri karşılamıyorsa da iyi bir seçenektir.
Resim yükleme modu
Varsayılan olarak, Converter for Media, resimlerin sitenize nasıl yükleneceğini ayarlamak için .htaccess dosyanızı yeniden yazar. Sunucu yapılandırma sorunlarınız varsa, .htaccess dosyasını tek başına bırakan Geçiş yöntemini seçebilirsiniz.
Ekstra özellikler
Eklenti için aşağıdakiler dahil bazı ek yetenekleri etkinleştirebilirsiniz:
- Orijinalinden daha büyük çıktı biçimlerindeki dosyaların otomatik olarak kaldırılması
- Resimlerin meta verilerini EXIF veya XMP formatlarında saklayın
- Ortam Kitaplığı dışından görüntüleri otomatik olarak dönüştürmek için cron'u etkinleştirin
- debug.log dosyasına dönüştürülürken hataları günlüğe kaydedin
Optimizasyon istatistikleri
Hey, neden bunu yapmak istemiyorsun? Bakmak ve dönüşümlerinizin ne kadar tasarruf ettiğini görmek eğlencelidir. Aslında, bunun hakkında konuşalım!
Çalıştığını Nasıl Biliyorsunuz?
Söylemenin birkaç yolu var. İlk olarak, medya kitaplığıma bakarken, bir resme tıklayabilir ve listelenmiş dönüşüm istatistiklerini görebilirim.
NYC silüetinin bir görüntüsü için sonuçlar şöyleydi:
Orijinal dosya boyutu: 178 KB
Optimize edilmiş dosya boyutu: 71 KB (-60%)
WebP'ye dönüştürülen dosyalar: 6 (%-40)
AVIF'e dönüştürülen dosyalar: 6 (%-61)
İkinci yöntem, Ağ sekmesi altındaki sonuçları bulmak için tarayıcımdaki Denetçiyi (Firefox) kullanmak ve ardından Görüntüler'i tıklatmaktı.
Resimlerimden birinin .png uzantısı bozulmadan listelendiğini açıkça görebiliyordum. Tür sütunu, görüntünün 78 kb'de bir AVIF dosyası olarak görüntülendiğini gösterdi. Yine, bu, eklentinin harika özelliklerinden biridir - orijinal dosya bozulmadan kalır. Bu ayrıca, eklentiyi kaldırırsanız resimlerinizi kaybetmeyeceğiniz anlamına gelir.
Resimlerin URL'leri
Orijinal görüntü dosyalarının bozulmadan kalmasından bahsetmişken, dosyaları dönüştürürken görüntü URL'leri de değişmez. Eklenti, ziyaretçiye tamamen görünmeyen yeni dosya biçimlerine bir yönlendirme gerçekleştirir. URL'ler değişmese de, daha önce gösterdiğim gibi MIME türü değişecektir.
Fiyatlandırma
Converter for Media eklentisini indirmek ve kullanmak ücretsizdir ve resimlerinizi WebP'ye dönüştürebilirsiniz. AVIF formatını kullanmak ve üstün sıkıştırma formatından yararlanmak için bir Pro Plan satın almanız gerekir.
Yıllık planların daha değerli olduğu aylık ve yıllık planlar sunarlar. Planlar, katmanlardaki optimize edilmiş görüntü sayısına göre sunulur:
- 10K/ay veya 120K/yıl
- 25K/ay veya 300K/yıl
- 70K/ay veya 840K/yıl
Sayılar, dosya sayısını değil, kaç dönüştürme işleminin yapılabileceğini gösterir. Hem WebP'ye hem de AVIF'e dönüştürmenin iki işlem olarak sayıldığını unutmayın.
Converter for Media ile En Son Sıkıştırma Formatını Kabul Edin
Bir sonraki görüntü sıkıştırma düzeyine hazır olmak istiyorsanız, yeni AVIF formatını benimsemeniz akıllıca olacaktır. WebP, PNG ve JPEG üzerinde mükemmel bir format olsa da, AVIF ile çok daha küçük dosya boyutları ve site hızları elde edebilirsiniz.
İyi haber şu ki, Converter for Media eklentisiyle her iki şekilde de sahip olabilirsiniz.