Görselleri WebP'ye çevirme

Acrafto Team Resimler
Güncellendi

Resimleri buraya sürükleyin veya seçmek için tıklayın

Desteklenen formatlar: JPG, PNG, GIF, BMP, SVG Dönüştürme EXIF, ICC ve GPS verilerini kaldırır — fotoğraflar konum bilgisini kaybeder.

Web sitenizi veya e-ticaretinizi daha küçük görsellerle hızlandırmak mı istiyorsunuz? JPG ve PNG’yi WebP’ye dönüştürün. Dönüştürücü işlemden önce JPG’ye kıyasla ne kadar tasarruf edeceğinizi tahmin eder ve eski tarayıcılar için yedek formatlı HTML kodu hazırlar. Her şey tarayıcınızda çalışır, görseller hiçbir yere yüklenmez.

Görseli WebP’ye nasıl dönüştürürsünüz

  1. Görselleri yükleyin. Bunları pencereye sürükleyin veya “Dosyalara Göz At” düğmesine tıklayın. Dönüştürücü JPG, PNG, BMP ve statik GIF’i, onlarca dosyayı aynı anda işler.
  2. Kaliteyi ayarlayın. Varsayılan 80 kalite çoğu site için uygundur. Portfolyo için 85 ile 90 arasını, önizlemeler için 70’i seçin.
  3. Dönüştürün ve indirin. “Dönüştür” düğmesi tüm toplu işlemi işler, hazır WebP’leri tek tek veya ZIP olarak indirirsiniz.

Detaya inmek isteyenler önizlemenin altındaki “Teknik detaylar: büyüteç, boyut tahmini, HTML kodu” bölümünü açar.

Görselleri neden WebP’ye dönüştürmeli

WebP, Google’ın web için geliştirdiği bir formattır. Google’ın araştırmasına (İngilizce) göre kayıplı WebP dosyaları aynı kalitede JPEG’den yüzde 25 ile 34 arası daha küçük, kayıpsız olanlar ise PNG’den yaklaşık yüzde 26 daha küçüktür. Daha küçük görseller sayfanın daha hızlı yüklenmesi, daha iyi Core Web Vitals sonuçları ve mobilde daha az veri tüketimi demektir.

JPG’nin aksine WebP şeffaflığı destekler, böylece şeffaf arka planlı PNG’nin de yerini alır. Bugün tüm yaygın tarayıcılar (İngilizce) onu destekler, Safari’de sürüm 14’ten itibaren.

Dönüştürücünün WebP’de sunduğu ekstra özellikler

Dönüştürmeden önce tasarruf tahmini

Teknik detaylarda “Örnekten Tahmin”i bulursunuz: dönüştürücü seçilen görselin küçültülmüş bir örneğini kodlar ve seçtiğiniz ayarda WebP’nin ne kadar büyük olacağını, aynı kalitede JPEG’in ne kadar olacağını ve yüzde kaç tasarruf edeceğinizi hesaplar. Dönüştürmenin işe yarayıp yaramadığını hemen görürsünüz.

Yedekli HTML kodu

Dönüştürücü “Alternatifli picture Kodu” başlığı altında <picture> elemanı için hazır kod üretir: WebP destekleyen tarayıcılar yeni dosyayı yükler, diğerleri orijinal JPG veya PNG’yi alır. Kod görselin boyutlarını ve tembel yüklemeyi de içerir, şablonunuza yapıştırmanız yeterlidir. <picture>ın nasıl çalıştığını MDN (İngilizce) anlatır.

Yüzde 100 büyütmede lup

Önizlemeye tıklayarak lupu istediğiniz yere taşır, orijinali sonuçla piksel piksel karşılaştırırsınız. Kayıplı sıkıştırmanın izleri önce metinde, kenarlarda ve yumuşak geçişlerde ortaya çıkar, oraya bakmakta fayda var.

Şeffaflık korunur

Şeffaf arka planlı bir PNG’yi alfa kanalı kaybolmadan WebP’ye dönüştürürsünüz. Hedef uygulama şeffaflığı desteklemiyorsa “Şeffaflığı Bir Renge Düzleştir”i açın.

Kötü sonuca karşı koruma

Dönüştürücü animasyonlu GIF’i reddeder, çünkü ondan sessizce yalnızca ilk kare kalırdı. Dönüştürülen dosya orijinalden büyük çıktığında, bu zaten iyi sıkıştırılmış görsellerde olur, tablo bunu işaretler ve tek tıkla orijinali korursunuz.

Küçültme, yeniden adlandırma, meta verisiz

“Gelişmiş Seçenekler”de görselleri uzun kenar piksel cinsinden veya yüzde olarak küçültür, {name}, {width}, {height} ve {index} ile toplu olarak yeniden adlandırırsınız. Dönüştürme EXIF, ICC ve GPS’i kaldırır, böylece fotoğraflar konumu ele vermez. Görselleri tam ölçülere veya kB sınırına küçültmeniz gerekiyorsa görsel küçültme aracını kullanın.

Hangi WebP kalitesini seçmeli

AmaçKaliteNot
Portfolyo, ürün fotoğrafları85 ile 90 arasıAyrıntı kaybı yok, yine de JPG’den küçük
Sıradan site ve blog75 ile 80 arasıEn iyi kalite ve boyut oranı
Önizleme, galeri65 ile 70 arasıKüçük dosyalar, ufak artefaktlar

Ne zaman WebP, ne zaman başka format

  • Web için fotoğraf ve grafik: WebP, güvence için <picture> içinde yedekle.
  • E-posta, kurumlar veya eski programlar için görseller: daha çok JPG, her şey açar.
  • Sonraki düzenlemeler ve baskı için kaynak: PNG, hiçbir kayıp olmadan.

Dönüştürmeden önce web’deki görsellerin boyutlarını hızla görsel boyut analizi ile kontrol edebilirsiniz.

Sık sorulan sorular

JPG nasıl WebP'ye dönüştürülür? JPG dosyalarını yükleyin, kaliteyi 80'de bırakın veya değiştirin ve "Dönüştür"e tıklayın. WebP aynı görsel kalitede genelde dörtte bir ile üçte bir daha küçük çıkar. Belirli bir fotoğrafta ne kadar tasarruf edeceğinizi teknik detaylardaki tahmin gösterir.
PNG nasıl şeffaflığı koruyarak WebP'ye dönüştürülür? PNG'yi yükleyip dönüştürmeniz yeterli, şeffaflık otomatik olarak korunur. İstemiyorsanız "Şeffaflığı Bir Renge Düzleştir"i açın.
WebP'yi tüm tarayıcılar destekler mi? Evet, Safari sürüm 14'ten itibaren dahil tüm güncel tarayıcılar destekler. Eski cihazlar için güvence olarak dönüştürücünün hazırladığı <picture> elemanlı HTML kodunu kullanın, eski bir tarayıcı o zaman orijinal JPG veya PNG'yi yükler.
WebP, JPG'den daha mı iyi? Web için evet: aynı kalitede daha küçüktür ve şeffaflığı destekler. Ama JPG hâlâ daha çok programı, yazıcıyı ve kurumu açar. Web için WebP, paylaşım ve baskı için JPG kullanın.
Dönüştürücü GIF'imi neden reddetti? Animasyonlu bir GIF dönüştürülünce sessizce tek bir statik kareye dönüşürdü. Sonuç sizi şaşırtmasın diye dönüştürücü onu reddeder. Statik GIF'leri sorunsuz dönüştürür.
Görsellerim sunucuya yükleniyor mu? Hayır. Dönüştürme doğrudan tarayıcınızda çalışır, dosyalar hiçbir yere gönderilmez.

Bu sayfaları arkadaşlarınızla paylaşırsanız, yer imlerine eklerseniz veya bağlantı verirseniz memnun olurum. Teşekkürler! 🙏