WordPress’e WebP resimleri nasıl yüklenir
WordPress sitenizi hızlandırmak istiyorsanız, CDN kullanmanın veya HTTP isteklerinin sayısını azaltmanın yanı sıra WebP görüntülerini kullanmayı düşünün. Diğerlerine kıyasla çok daha düşük bir dosya boyutuyla yüksek kaliteli görüntüler sağlamaya yardımcı olurlar. Bu modern görüntü dosyası formatı, son on yıldan beri yeni bir WordPress trendi haline geldi. Ama webp resmi nedir? Bu tür görüntü diğer dosya türlerinden nasıl farklıdır? WordPress sitenize nasıl yükleyebilirsiniz? Bugün, gönderimiz size WebP görüntülerinin net bir resmini sunmak için tüm bu soruları netleştirecektir. Diğer görüntü türlerini WebP’ye dönüştürme yöntemi de bu makaleyi tamamlayacaktır.
WebP resmi nedir? Google tarafından 2010 yılında geliştirilen WebP, web siteleri için yeni nesil resim dosyalarının bir biçimi olarak kabul edilmektedir. Bu, WordPress sitenizi, görüntülerin diğer görüntü formatlarından çok daha küçük bir boyuta sıkıştırarak optimize etmeye yardımcı olur. O zamandan beri, düşük kaliteli görüntüler kullanmadan sitenizi önemli ölçüde hızlandırabilirsiniz. Daha küçük görüntü boyutu, sunucunuza daha az bant genişliği isteği üreterek paranızı tasarruf eder. PNG ile karşılaştırıldığında,% 26 daha küçük olan WebP görüntüleri, JPEG dosyaları söz konusu olduğunda bu yüzde% 25-34’e yükselir. Bu istatistikler, Google WebP çalışmasından 11.000 resimden alınmıştır.
WebP WebP Görüntüleri Kayıpsız ve Kayıplı Sıkıştırma İçeren Nasıl Çalışır. Kayıplı sıkıştırma için, dosya boyutunu azaltmak için öngörücü kodlama kullanır. Öngörücü kodlama, dosya değerinizi tahmin etmek için bir komşunun pikselini kullanacaktır. Bu yöntem, VP8 anahtar çerçevesinin kodlanmasıyla aynıdır. Kayıpsız sıkıştırma çok daha karmaşıktır. ‘Yeni bir piksel oluşturduğu görülen görüntü parçalarını’ kullanıyor. Kalitesini korurken görüntü dosyasının boyutunu azaltmanıza izin verilir. Hangi tarayıcı google webp dosyalarını destekler. Sayfa yükleme süresini artırmak için siteniz için WebP resimlerini kullanmanızı önerirsiniz. Bunu anlayın, WordPress bu yeni modern dosya biçimini destekleyen 5.8 sürümünü yayınladı. Daha uzun WordPress sürümü, sitenize WebP resimleri yüklemenizi engeller. Çoğu tarayıcı, Google Chrome, Mozilla Firefox, Microsoft Edge, Opera ve diğerleri dahil olmak üzere WebP’yi görmenize izin verir. Neyse ki, iOS ve MacOS Safari kullanıcıları yalnızca kısmi WebP görüntülerini destekler. MacOS 11 Big Sur veya YENİ kullanmadığınız sürece açamazsınız. WordPress’e belirtildiği gibi WebP resimlerini nasıl yükleyebilirsiniz, WordPress 5.8+ kullanıyorsanız, JPEG, PNG ve GIF formatları gibi diğer dosya resimleri için yaptığınız gibi WordPress medya kitaplığınıza ekleyin. Medyayı açın → yeni ekleyin, ardından dosyanızı oraya sürükleyin.
Artık içeriğinizin herhangi bir yerine ekleyebilirsiniz. 5.8’den uzun olan ve güncellemek istemeyen WordPress sürümünü kullanıyorsunuz? Sitenize WebP resimleri eklemeye çalışırken, “Üzgünüm, bu tür bir dosyaya güvenlik nedeniyle izin verilmez” diyen bir hatayla karşılaşacaksınız. Bu durumda, Fonksiyonlarınızda küçük bir kod değişikliği yapmanızı öneririz. dosya veya üçüncü taraf eklenti kullanma. Yöntem 1: Polar’dan Polar’a 10 binden fazla kullanıcı tarafından güvenilen WebP görüntü eklentisinin izin vermesini kullanın, WebP görüntülerinin WebP görüntülerini WordPress’e yüklemek için en popüler çözümlerden biri olmasına izin verin. Sadece hafif ama güçlü bir eklentiyi kurun ve tüm işleri idare etmesine izin verin.
Eklentiyi sitenize yüklemek için ‘Şimdi Yükle’ düğmesine basın ve ‘etkinleştir’ İşte burada! Eklentinin iyi çalıştığından emin olmak için, test etmek için sitenize yeni bir WebP resmi yüklemeyi deneyin. Yöntem 2: Teknik becerileriniz varsa ve yalnızca küçük bir işlev eklemek için eklentiyi yüklemek istemiyorsanız, kodu kullanarak tema dosyasını düzenleyin, Fonksiyon.php Dosya Temasına birkaç kod ekleyin. Tek yapmanız gereken:
Görünümü Yönetici menünüzde açın ve aşağıdaki tema düzenleyicisini açın
Tema Dosyası Menüsünde Dosya Function.php’i bulun
Dosyanın sonuna aşağıdaki kodu girin Webp_upload_mimes işlevi ($ mevcut_mimes) {
// Pandomim türleri listesine webp ekleyin
$ mevcut_mimes [‘webp’] = ‘image/webp’;
// Eklenen mim türüyle diziyi işleve döndür
Dönüş $ mevcut_times;
}
add_filter (‘mime_types’, ‘webp_upload_times’);
// *** WebP görüntü dosyaları için önizleme/küçük resim etkinleştir.*/
İşlev webp_is_displayable ($ sonuç, $ yol) {
eğer ($ sonuç === yanlış) {
$ displayable_image_types = array (imageType_webp);
$ info = @getImagesize ($ yol);
if (boş ($ info)) {
$ sonuç = yanlış;
} elseif (! in_array ($ info [2], $ displayable_image_types)) {
$ sonuç = yanlış;
} başka {
$ sonuç = doğru;
}
}
geri $ sonuç;
}
add_filter (‘file_is_displayable_image’, ‘webp_is_displayable’, 10, 2); Değişikliklerinizi kaydedin ve WebP resimlerini WordPress’e şimdi yükleyebilirsiniz.
Sitenizin performansını etkileyebileceği için tema dosyalarını doğrudan düzenlemek çok tehlikelidir. Kod örnek eklentisini kullanmanızı ve kodu oraya eklemenizi öneririz. JPG ve PNG görüntülerini WebP dosyalarına dönüştürün, çevrimiçi dönüştürücüler, WebP dönüştürücüler, dönüştürücü vb. Ancak, mevcut WordPress görüntülerini ve yükleme dosya yüklemelerini dönüştürmek için EWWW Optimal eklentisini kullanmalısınız. Dünya çapında 900 binden fazla kullanıcı, görüntülerini optimize etmek için EWWW Optimizer’ı emanet ediyor. Görüntü sıkıştırma ve yavaş yükleme gibi temel özelliklere ek olarak, bu da WebP görüntülerinin dönüştürülmesini destekler.
EWWW Optimizer ile başlamak için aşağıdaki yönergeleri izleyin.
Eklentiyi yükleyin ve etkinleştirin. Bu, eklenti ile yaptığınız şeye benzer, yukarıdaki webp resmine izin ver
Ayarları Aç → Yönetici Alanınızdaki Optimal Resim EWWW
Aşağı kaydırın ve ‘WebP Dönüşüm’ seçeneğini etkinleştirin
Değiştir düğmesine basın
Mass Action Tulling menüsünü tıklayın ve ‘Kütle Optimizasyonu’nu seçin
‘Yüzsüz Görüntü Taraması’ tuşuna basın ve resminizi optimize etmeye başlayın
WordPress WebP görüntülerini koruyun belki webp resminizi korumak istediğiniz zamanlar vardır. Kişisel bilgileri veya dahili projenizin kişisel fotoğrafları da dahil olmak üzere kullanıcılar tarafından yüklenen dosyalar şeklinde olabilirler. Bunları yetkisiz erişimden korumanız gerekir.
PDA altın burada faydalıdır. Bu eklenti, WebP dosyaları da dahil olmak üzere her türlü görüntüyü güvence altına almanıza yardımcı olur. Kurulum ve aktivasyondan sonra:
Gösterge Tablonuzdaki Medya Kütüphanesini Açın
Korumak istediğiniz webp dosyasının adını işaret edin
Protect’i tıklayın
WebP resminiz artık şahsen. Bu eklenti ayrıca dosyalarınızı dizine eklemeyecek şekilde arama motorlarını engellemeye yardımcı olur. Başka bir deyişle, arama sonuçlarında görünmezler. Kullanıcılarınıza dosya erişimi sağlamak için, kişisel bir indirme bağlantısı oluşturun ve ‘Dosya Korumasını Yapılandırma’yı tıklayarak onlarla paylaşın. Daha anlamlı hale getirmek için rastgele bir kişisel indirme bağlantısı yapabilir veya kendi bağlantınızı ayarlayabilirsiniz.
Olasılık, kullanıcınızın WebP resminizi görmek için bu bağlantıyı akrabalarına veya arkadaşlarına gönderebilmesidir.Neyse ki, eklenti, belirli bir süre veya bir dizi tıklamadan sonra bağlantıyı devre dışı bırakmanıza olanak tanır.Bundan sonra, kullanıcılar bu bağlantıyı dosyalarınızı görüntülemek veya indirmek için kullanmazlar.Site sahibi webp görüntülerinin web sitelerini hızlandırma ve SEO’yu artırmada WebP görüntülerinin avantajlarını anlasa da, WordPress sitenizdeki WebP resimlerinden yararlanın, hepiniz yeni nesil dosya biçimini etkili bir şekilde nasıl kullanacağınızı bilmiyor.WebP görüntüleri WordPress’in 5.8’den daha uzun bir sürümü tarafından desteklenmediğinden, bunları başarmak için yönergeler aracılığıyla size rehberlik ettik.Kodu Functions.php Dosya Temasına eklemek için WebP görüntü eklentisini kullanabilirsiniz.WebP görüntüsünüzü korumak için PDA Gold’u denemeyi unutmayın!
