WebP Nedir ve WordPress’te WebP Görselleri Nasıl Kullanılır?

Bu yazımızda “WebP Nedir?” sorusunu yanıtlıyoruz. Ve size ileriki dönemde çok daha fazla popülerlik kazanacak görüntü dosyası hakkında bir kaç bilgi paylaşacağız. Web sitemizde ki görseller, göze güzel ve etkileyici geldiği kadar, düşük sayfa hızının ana sebeplerinden biridir. Yanlış boyutlandırma, biçimlendirme ve resimleri sıkıştırmama sonucu web sitenizin sayfa ziyaretçilerine ve arama motorlarında olumsuz sıralamalara neden olabilir. Neyse ki, WordPress liginde bu sorunu çözebilecek oyuncular var 🙂 Sayfa hızı krizinin üstesinden gelmek için tasarlanmış yeni nesil bir görüntü formatı olan WebP taniyalım.

Görseller genellikle web sayfalarının yavaş yüklenmesinin en büyük nedenlerinden biridir . Yalnızca yükleme süresini yavaşlatmakla kalmaz, aynı zamanda sunucunuzda çok fazla yer ve kaynak kullanabilirler. Dosya türünü dikkatli bir şekilde seçmek ve boyutunu sıkıştırmak, sayfanızın yükleme hızını düşürmeye yardımcı olur, ancak bu işlemleri yaparken görüntü kalitenizi bozabilirsiniz. Diğer bir seçenek de optimize edilmiş görüntü dosyası türlerinden birini kullanmaktır: WebP .

WebP, Google tarafından geliştirilen yeni nesil bir resim dosyası formatıdır. Bu dosya formatı aslında 2010’dan beri kullanılmaktadır, ancak yaygın olarak tercih edilmiyor bunun en temel nedeni ise halen çoğu tarayıcıda desteklenmemesi ama yüksek bir kesim web site kullanıcıları tarafından da günümüzde kullanılmakta. Aşağıdaki kılavuzda, yeni nesil görüntü formatı olan WebP‘yi tartışacağız ve bunları WordPress web sitenizde nasıl ve neden kullanmanız gerektiğini açıklayacağız

WebP nedir?

WebP, Google’ın web için özel olarak tasarlanmış bir raster görüntü biçimidir. WebP, Web tasarımcılarının daha küçük dosya boyutlarında ve daha zengin görüntüler göstermesine olanak tanır, kayıpsız veya kayıplı sıkıştırma sağlar.

WebP Kullanmanın Faydaları

WebP’nin ana avantajı küçük dosya boyutudur . Bununla web sayfalarınız daha hızlı yüklenecek ve sunucunuzdan daha az kaynak kullanacaksınız. Bu aynı zamanda, ziyaretçileriniz (WebP destekleyen bir tarayıcı kullanıyorsa) sunucunun mevcut yüküne ekleme yapmadan daha büyük görsellerde daha fazla renk paleti kullanabileceği anlamına gelir.

Görseller ve grafiklerle sorunsuz görselliğe yönelik bu yeni özgürlük web tasarımınıza da yardımcı olacaktır . Her piksel ve kb için endişelenmeden, resimleriniz için mizanpajlarınızda daha küçük alanlar kullanmak konusunda çok dikkatli olmanıza gerek kalmayacak. Sayfa hızı veya yükleme süreleri nedeniyle tasarımı daha küçük resimlerin etrafına sığdırmak yerine, tasarıma uygun boyutları kullanabileceksiniz.

WordPress’e WebP Görselleri Nasıl Eklenir

WebP görsellerinin gücüne rağmen, WordPress Medya kütüphanesine o kadar kolay eklenemezler. Birincisi, WebP formatı henüz tüm tarayıcılarda desteklenmemektedir ve geriye dönük tarayıcı uyumluluğu için bir geri dönüş görüntüsü gerektirir.

WebP görüntüleri WordPress tarafından doğal olarak desteklenmez, ancak bir geçici çözüm vardır

Ayrıca, WordPress’in kullanıcıların varsayılan olarak WebP görüntülerini yüklemesine izin vermesini engelleyen ve WebP kullanırken gereken ek güvenlik adımları da vardır. Bunlar, SVG dosyalarıyla aynı güvenlik sorunları ve kaygıları taşımaz; WebP dosyalarının Medya kütüphanesine eklemeden önce bir geçici çözüm sürecine ihtiyacı vardır. Doğru biçimlendirildikten sonra WordPress web sitelerine yüklenebilirler.

WordPress’e WebP görüntüleri eklemenin birkaç yolu vardır;

  1. Manuel oluşturulan WebP görselleri (Bu biraz karışık olabilir yada zaman alabilir)
  2. Bir eklenti kullanın.

Hızlı bir düzeltmeyle ilgileniyorsanız, manuel yolu titizlikle takip etmek yerine aşağıdaki eklentilerden birini kullanabilirsiniz.

WebP Görüntülerini WordPress’e Manuel Olarak Ekleme

Öncelikle resimlerin doğru formatta olduğundan emin olmanız gerekir. Bunları WebP’ye dönüştürmeniz gerekecek.
Ardından, görüntüleri Medya kütüphanenize yüklemeniz gerekir.

Görüntüleri WebP’ye dönüştürme

WebP görüntülerini kullanmaya başlamadan önce, WordPress Medya kütüphanesi ile uyumlu olmaları için doğru dosya biçimine dönüştürülmeleri gerekir. Bunu yapmak için Online-Convert.com gibi bir çevrimiçi görüntü dönüştürücüye ihtiyacınız olacak .

Birkaç resim içeren bir siteniz varsa, web sitede dönüştürüp yeni formatı yükleyebilirsiniz. Ayrıca, yeni bir site oluşturuyorsanız, resimleri yüklemeden önce yeni sitenin resim içeriğini bu siteden önceden dönüştürebilirsiniz.

Dönüştürücüyü kullanmak için, resimleri Dosya seç yada sürükle bırak yazan yere sürükleyip bırakın, dönüştürme işleminin tamamlanmasını bekleyin ve ardından yeni resminizi indirin.

Görüntüyü WebP’ye dönüştürmek için çevrimiçi bir araç kullanın.

WebP Görüntülerini Çevrimiçi Dönüştür

Varsayılan olarak Adobe Photoshop, dosyaların WebP biçiminde dışa aktarılmasına izin vermez. Ancak, bu işlevi programın kendisi için bir eklenti ile ekleyebilirsiniz . Adobe Photoshop için bu premium eklenti indirilmeli ve bilgisayarınızdaki çalışan Photoshop klasörüne eklenmelidir.

Başka bir seçenek de bir masaüstü uygulaması kullanmaktır. Hem Windows için Webpconv ve Mac için WebPonize masaüstü indirilebilir uygulamalar mevcuttur. Bu programlar JPEG’den WebP’ye veya PNG’den WebP’ye dönüşümler yapabilir.

Ortam Kütüphanenizde zaten bir dizi görüntüye sahip mevcut bir web sitesinde çalışıyorsanız, görüntüleri yeni nesil biçime dönüştürmek için daha sağlam bir çözüme ihtiyacınız olacaktır.

Web Sitenize WebP Görselleri Ekleyin

Görselleriniz doğru formatta olduğunda, bunları iki yoldan biriyle web sitenize yükleyebilirsiniz:

  1. cPanel yada Hosting panelinizi kullanarak sunucuda oturum açabilir ve Medya Kütüphanenize görüntüleri görsel klasörüne ekleyebilirsiniz.
  2. functions.php dosyasını düzenleyerek WebP yüklemeleri etkinleştirebilirsiniz. (Bu konu hakkında çok yakında kod paylaşımı yapılacaktır. Özel olarak bize bu konu hakkında mailde atabilirsiniz.)

Eklenti Kullanarak WebP dönüştürme

WordPress sistemini kullananmanın ve WebP görüntülerini kullanmanın en iyi yanlarından biri, görselleri tek tek dönüşmek yerine tek seferde dönüştürülmüş görsel işini sizin yapmanıza gerek kalmadan daha kısa bir yollu kullanmaktır. Bunun yerine, sadece bir dönüştürme eklentisi yüklemeniz gerekecek. Normal resimlerinizi JPEG veya PNG formatlarında yüklersiniz eklenti resimleri ziyaretçilerinize ulaştırmak için bu dosyaları WebP’ye dönüştürür.

Bu yöntemin avantajı, yalnızca alışık olduğunuz dosya türlerini kullanmanız gerektiğidir ve WebP’yi kullanamayan ziyaretçileriniz yine de orijinal dosya türlerini alacaktır. WebP dosya türünü alabilenler daha hızlı yükleme süreleri göreceklerdir.

Başka bir yöntem ise, WebP dosyalarını web sitenize yüklemenize izin vermektir. Tüm tarayıcılar bu biçimi desteklemediğinden bu yöntem önerilmez. Bu, bazı ziyaretçilerinizin resimlerinizi göremeyeceği anlamına gelir.

Görüntüleri WebP’ye dönüştüren birkaç ücretsiz ve premium eklenti vardır.

EWWW Image Optimizer

EWWW Image Optimizer , WebP dönüştürme özelliğine sahip ücretsiz bir eklentidir. JPEG’lerinizin ve PNG’lerinizin WebP sürümünü oluşturur. Apache uyumlu yeniden yazma kuralları ve alternatif bir WebP yeniden yazma seçeneği gibi birçok seçenek içerir. Hem önbellekler hem de CDN’ler ile uyumludur ve ayrıca KeyCDN’nin Önbellek Etkinleştirici eklentisi ile de uyumlu çalışır.

Bu muhtemelen kullanımı en kolay olanıdır. Yerleşik WebP özellikleri, JPEG’ler için kayıplı ve PNG’ler için kayıpsız dönüştürme kullanmanıza izin verir ve dönüştürme otomatiktir. Tek yapmanız gereken eklentiyi yüklemek ve WebP sekmesinde özelliği etkinleştirmek. Başka bir kurulum gerekli değildir.

ShortPixel Image Optimizer

ShortPixel Image Optimizer , herhangi bir JPEG, PNG veya GIF dosyasını WebP’ye dönüştüren ücretsiz bir eklentidir. Hem kayıplı hem de kayıpsız sıkıştırma özelliğini kullanır. Ayrıca bir çok önbellek eklentisiyle uyumlu bir şekilde çalışır. WebP dosya türünü destekleyen tarayıcılarda WebP formatını desteklemeyen tarayıcılarda ise var olan resim dosya türünü kullanıcılara sunar.

Ayrıca HTML kullanarak WebP görüntülerini ön uç sayfalara ekleme seçeneğine de sahiptir. Bunu yapmak için normal <img> etiketi yerine <picture> etiketini kullanabilirsiniz. Görüntüleri otomatik olarak dönüştürmek üzere ayarlamak için, Gelişmiş sekmesinde özelliği etkinleştirmeniz yeterlidir. İsterseniz görüntüleri geri de yükleyebilirsiniz.

WebP Ekspres

VagonSoft olarak bizimde severek kullandığımız WebP Express , JPEG’lerin yarısından daha küçük boyutlu görüntüler üreten ücretsiz bir eklentidir. JPEG ve PNG’leri dönüştürür tarayıcı destekliyorsa Webp, desteklemiyorsa orjinal resim formatında ziyaretçilerinize sunar. Görüntülerin sunucuya nasıl ulaştığından bağımsız olarak çalışır. Medya kitaplığı, galeriler ve CSS ile tercih edilen temalar için uyumlu çalışır.

Microsoft IIS sunucusu veya WAMP ile çalışmaz ve çoklu site ile test edilmemiştir. Dönüştürme yöntemleri için bazı kurulumlar gerektiriyor, ancak aralarından seçim yapabileceğiniz birkaç tane var. Ayarlar panelinde görseller önce en üstteki dönüştürme yöntemini kullanır. Bu yöntem başarısız olursa görseli dönüştürene kadar doğru yöntemi bulur.

Son Olarak

Sonuç olarak WebP, görüntü dosyalarının boyutlarını önemli ölçüde azaltır, bir çok kaynak kullanımında tasarruf sağlar ve yükleme sürelerini iyileştirir. Ana dezavantajı, yalnızca birkaç tarayıcıyla uyumlu olmasıdır. Neyse ki, WebP biçimini görüntüleyemeyenlere ortak dosya türlerini sunar, uyumlu tarayıcılar kullananlar için mevcut kütüphaneniz için WebP’ye dönüştüren bir eklenti kullanabilirsiniz.

WebP sanırım görseller için tercih edilen bir format olacaktır. Neticede Google tarafından geliştirilmiş, sonunda webP tüm tarayıcılarla uyumlu olup standart hale geleceğini umuyoruz. 2010’dan beri var, yani bir süredir ortalarda olmasına rağmen yavaş bir ilerleyiş mevcut.

İçeriğimizi okuduğunuz için teşekkür ederiz.

Web sitesi tasarımlarınızda WebP görselleri kullanıyor veya kullanmayı planlıyor musunuz?
Yorumlarda WebP hakkında ne düşündüğünüzü merak ediyoruz.

3 thoughts on “WebP Nedir ve WordPress’te WebP Görselleri Nasıl Kullanılır?”

  1. Yorumumun uzun ve aylardır araştırmalar sonucunda webp ye çözüm bulmuş biri olarak yazıyorum.
    .
    * WordPress webp kullanma
    * WordPresste webp resim eklentisi
    Ve daha birçok (hatta onlarca) terimle aramalar yaptım.
    .
    Maalesef sitelerimdeki resimleri kendi başıma webp formatına dönüştüremedim.
    .
    Derken vagonsofttan Allah razı olsun.
    Bu yazıdan şunu anladım: webpyi manuel kullanmak için yazılımcı olmak gerekli.
    .
    Lakin biz WordPress severler olarak eklentiyi kurar ve etkinleştiririz.
    .
    En kısa zamanda tüm resimlerimi buradaki anlatımlar ışığında webp formatına döndürüp, page speed insight taramasında umutsuz bekleyişleri sonlandıracağım. 🙂

Yorum bırakın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Scroll to Top