WebP Nedir ? Performansı WebP ile Arttırın

WebP nedir ? 7

WebP Nedir?, Google’ın geliştirdiği görsel formatıdır.

WebP Nedir ?

İnternet üzerindeki görüntüler için kayıpsız veya kayıplı sıkıştırma sağlayan görüntü formatıdır.

PNG formatı ile arasındaki büyük fark ne :

PNG formatı ile kıyaslandığında, 3 katı daha küçük dosya boyutu sağlıyor.

Bu nedenle çok seviliyor, günümüzde bu formatı bilmeyen ve kullanmayan yok bu formatı kullanmakta zaten çok kolay.

Google bey sağolsun, neden kullanayım ki veya ne işime yarayacak diyenleri duyar gibiyim.

WebP Nedir ? daha detaylı öğrenin, okumaya devam edip daha fazla bilgi alın.

Eğer bir Webmaster, Dijital Pazarlamacı, SEO uzmanı olsaydınız zaten bu soruyu sormazdınız.

WebP Nedir ? 8

Tabi ki bilmediğiniz için böyle demekte haklısınız, daha detaylı göz atalım.

WebP Nedir ? Daha Detaylı Açıklayalım :

WebP‘yi kullanarak, site yöneticileri (Webmaster) veya site geliştiricileri (Web Developer) internet (web) ortamını daha hızlı ve kaliteli hale getirilmesini sağlamaktadır.

Diğer formatlardan üstün olan bu format, çok kaliteli bir sıkıştırma ile resimlerin boyutlarını optimize etmeye yarar.

Bu üstün formata üstün bir WebP nedir resim ile örnek verelim.

Format İle Örnek Sıkıştırılmış Resmi Yorumlayalım :

JPG vs Webp Karşılaştırması
WebP Sıkıştırma Örneği

En solda tam kalite bir görsel var bu görsellerde, kesişen noktalar bir resmin tamamını ifade ediyor.

Soldaki görsel sıkıştırılmamış bir görsel, hemen bir sonraki kesişim noktasındaki (Quality 80) yani %100 oranından %20’si sıkıştırılmış bir görsel var.

%80’lik bir sıkıştırmayı, gördüğünüz gibi çok az kayıpla yapmış durumda.

Ama burada önemli bir husus var ki bu da resmin “MB” veya “KB” cinsinden boyutu.

%100 oranındaki orjinal görsel 2.4 MB’lık bir boyuta sahip.

Bu bir blog yazısı için çok fazla, çünkü bir yazıda 1’den fazla görsel kullandığımız için yazının boyutu bile yükseliyor.

Sadede gelelim, %80’lik bir sıkıştırma yaptığımızda ise boyutun 395 KB (kilobayt)a düştüğünü görüyoruz olağan üstü bir düşüş.

Bu düşüşün, kalite kayıpsız olması mükemmel.

WordPress sitenizi hızlandırmak istediğinizi biliyorum şimdi kapsamlı WordPress Site Hızlandırma yazımıza giderek web sitenizin hızını arttırabilirsiniz.

Ayrıca sitenizde özenle seçip, kullandığınız resimleri korumanın yolunu anlatacağımız Hotlinking Nedir ? Nasıl Engellenir makalemiz çok yakında yayında olacak.

WebP Nedir, içeriğimizde sitenizde WebP formatını kullanmayı aşağıdaki başlıkta sizlere uygulamalı olarak açıklıyor olacağız.

Yeni WordPress güncellemesiyle, WebP desteğinin geleceği WordPress ekibi tarafından duyuruldu.

Daha iyi anladıysak hadi uygulamaya geçelim.

WebP formatını WordPress sitenizde uygulayalım :

İlk olarak, WebP Express eklentisini WordPress web sitenizde kurun.

Arından WebP Express eklentisinin ayarlarına girin.

Eklenti ayarların girmek için : WordPress Yönetim Paneli>Ayarlar>WebP Express

WebP Express ayarlarına girdikten sonra, sağ tıklayıp sayfayı Türkçe yapın.

İlk kısımda gelen ayarlar şöyle olmalı :

WebP Nedir ?

Operasyon Modu : Çeşitli görüntü yanıtları olarak kullanmakta fayda var.

Yani normal kullanımda olması gereken budur.

Dürbün dediği kısımda ise, nelerin WebP ile dönüştürleceği kısım.

Yüklemeler ve temalar varsayılanda şu an için yine normal kullanıma uygun biçimde.

(Görseller) Yüklediğiniz ve temanızdaki görseller WebP’ye dönüşüyor.

Görseldeki diğer kısımlar için bir işlem yapmamız gerekmiyor.

Test ayarları :

webp express test

Sıra sıra test yaparak kuralların geçerli olup olmadığını kontrol edin.

Bu kısımda hata çıkmayacaktır, çıkarsa bu bağlantıya göz atın.

Dönüştürme ve Kalite ayarları :

webp express donusturme
JPEG Seçenekleri :

WebP kodlaması : Oto

Kayıplı için kalite : jpeg ile aynı – Sınır : 80

Kayıpsız için kalite : Ön işleme uygula – “Neredeyse kayıpsız” kalite : 60

PNG Seçenekleri :

Yine, WebP kodlaması : Oto

Kayıplı için kalite : 85 – Alfa Kalitesi : 85

Kayıpsız için kalite : Ön işleme uygula – “Neredeyse kayıpsız” kalite : 60

Meta Veri ! :

Meta veri önemli olduğu için ünlemledim.

Tüm meta verileri webp’ye kopyalayın’ın kesinlikle seçili olması gerekiyor.

Bu ayarları yaptıktan sonra hemen aşağıda bulunan kısımda, dönüştürme yöntemi var.

Dönüştürme yöntemi ile ilgili bir işlem yapmanıza gerek yok.

WebP Nedir? içeriğimizde ayarlara devam edelim.

Dönüştürme yönteminin altında bulunan kısıma geçiyoruz.

Dönüştürmeyi Başlatalım :
WebP Nedir ? 4

Yükleme sırasında dönüştür kısımını tikliyoruz.

Ardından Toplu dönüştürme butonuna basarak dönüştürmeyi başlatıyoruz.

Sırasıyla dosyanızı bulup dönüştürecektir.

Türkçeye çevirdiyseniz, Tamam MI yazısını gördüğünüzde dönüştürme başarılı olmuştur.

Ayrıca, Görsellerinizin başkaları tarafından kodlarla kullanılmasını istemiyorsanız bu bağlantıdan, görsellerinizi koruyabilirsiniz.

Yazımızda WebP Nedir ? anlattık ve sizler için görsel anlatım yaptık, sorularınızı yorum olarak yapabilirsiniz.

Sıkça Sorulan Sorular :

Neden WebP ?

Neden WebP kullanmalıyız, Google tarafından 2010 yılında geliştirilen bu WebP görsel formatı, görsellerinizde kayıpsız bir, sıkıştırma elde ediyor, yani bir görseli bu formatla sıkıştırdığımızda görselin kalitesi bozulmuyor, bu sebeplerden ötürü WebP formatı hem kaliteli hem de düşük boyutlu görseller sunuyor.
Ayrıca yeni gelen WordPress güncellemesiyle WebP desteğinin geldiğini açıkladı.

WebP Ne İşe Yarar ?

Tam olarak açıklamak gerekirse, WebP bir görsel formatıdır.
WebP formatı görsellerde diğer görsel formatlarına (PNG, JPEG, JPG) gibi formatlara kıyasla daha kaliteli bir sıkıştırma yapar, yani görsellerinizin boyutu düşer ama kalitesi fark edilecek kadar düşmez.

WebP Dosya Uzantısı Nedir ?

WebP Dosya Uzantısı, Google tarafından geliştirilmiş formattır.
Google’ın geliştirdiği bu format, Windows Fotoğraf görüntüleyici tarafından da açılabilirdir.
Formatı önemli yapan özellik, sıkıştırma yani resmin boyutunu düşürme yaparken, resmin kalitesinden kayıp vermemesi WebP Dosya uzantısını önemli hale getiren özelliklerindendir.

Sıkça sorulan soruları da açıkladığımıza göre başka bir şey kalmadı.

Fakat hala aklınızda soru varsa WebP Nedir ? makalemizin hemen alt kısımdan yorum yaparak bizlere sorabilirsiniz.

Kaynak : https://developers.google.com/speed/webp

Total
2
Shares
Bir cevap yazın

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

Önceki Gönderi
Dropshipping nedir

Dropshipping Nedir ? (Başlangıç Rehberi) 2021

Sonraki Gönderi
Hotlinking nedir ?

Hotlinking Nedir ? Nasıl Engellenir? 2021

İlgili Gönderi