Medya için Dönüştürücü ile WebP'nin Ötesine Bir Adım

Yayınlanan: 2022-11-16

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

Medya logosu için dönüştürücü

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!

Converter for Media'yı ücretsiz deneyin!

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.

Converter for Media menüsünün ekran görüntüsü

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.

Converter for Media menüsünün ekran görüntüsü

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.

medya dosyasının ve bilginin ekran görüntüsü

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

web sitesindeki görüntünün ekran görüntüsü ve denetçideki bilgiler

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.

Medya fiyatlandırma tablosu için dönüştürücü

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.

Medya için Dönüştürücüyü Alın