JPG WebP Çevirme (JPG to WebP)

JPG WebP çevirme nedir ve bu araç ne yapar?

JPG WebP çevirme, elinizdeki JPG fotoğrafları aynı görüntüyü taşıyan ama çoğu durumda daha küçük WebP dosyalarına dönüştürmektir. Bu sayfadaki araç işi tamamen tarayıcınızda yapar. Dosyalar sunucuya yüklenmez ve kaydedilmez; sayfa açıldıktan sonra bütün işlem cihazınızda olur.

Çalışma şekli kısaca şöyle:

• Dosyaları panele sürükleyin, Görsel seç düğmesiyle seçin ya da Ctrl/Cmd+V ile yapıştırın. Tek seferde en fazla 100 dosya ekleyebilirsiniz.
• Araç girdi biçimini uzantıya değil, dosyanın ilk baytlarına bakarak tanır. Uzantısı yanlış bir dosyayı da doğru okur.
• Hedef biçim olarak WebP hazır gelir; isterseniz JPG ya da PNG'ye geçebilirsiniz.
• Telefonlarda yan yatmış görünen fotoğrafların EXIF yönü uygulanır, sonuç düz çıkar.

Piksel ölçüsü değişmez; yalnızca kayıt biçimi değişir. Biz web projelerinde görsel hazırlığını yayın öncesinin ilk işlerinden sayarız, çünkü web tasarım sürecinde görsel ağırlığı sayfa hızını sık sık belirleyen kalemlerden biridir.

JPG WebP çevirme sayfa hızına ve LCP'ye nasıl yansır?

Sayfanın kahraman görseli ya da ilk büyük fotoğrafı, LCP öğesi olabilir. web.dev, sitelerin sayfa ziyaretlerinin en az %75'inde LCP süresini 2,5 saniye veya altında tutmayı hedeflemesini söyler. Aynı kaynağa göre bir sayfanın LCP kaynağı bir görsel ya da bir web fontudur.

web.dev ideal bir dağılımı da verir: LCP süresinin yaklaşık %40'ı kaynağın yüklenme süresine ayrılmalıdır. Bu dilimi dosya ağırlığıyla doğrudan etkileyebilirsiniz. Dolayısıyla JPG'yi WebP'ye çevirmek, o dilimi kısaltmanın pratik yollarından biridir.

Ancak yalnızca biçim değiştirmek mucize yaratmaz. Sunucunun yanıt süresi, kaynağın geç keşfedilmesi ve geç çizim de LCP'yi uzatır. Bu yüzden önce ölçün, sonra görsele dokunun. Ayrıntılı çerçeve için Core Web Vitals rehberimize ve site hızının SEO'ya etkisi yazımıza göz atın.

Pratikte sıra şöyle olmalı: önce gösterim genişliğine inin, ardından biçimi WebP yapın, en son kaliteyi ölçülü kısın.

Google'ın %25-34 verisi ne anlatıyor, her JPG küçülür mü?

Google for Developers'a göre kayıplı WebP, eşdeğer SSIM kalite endeksinde karşılaştırılabilir JPEG'lerden %25-34 daha küçüktür. MDN ortalama olarak %25-35 aralığını verir. İki kaynak da aynı yöne işaret eder: kalite eşit olduğunda WebP daha az bayt harcar.

Buradaki kilit ifade "eşdeğer kalite"dir. İki biçimin kalite ölçekleri birebir karşılık gelmez; yani kaydırıcıdaki %92, JPG'nin %92'siyle aynı görüntü kalitesini garanti etmez. Üstelik kaynak JPG zaten güçlü sıkıştırılmışsa, WebP'yi yüksek kalitede kaydetmek dosyayı küçültmek yerine büyütebilir. Bu yüzden her satırdaki önceki ve sonraki boyutu kontrol edin.

Örnek hesap: 400 KB'lık bir JPG için %25-34 tasarruf, yaklaşık 264-300 KB'lık bir WebP demektir. 100 ürün görselinin her biri 300 KB ise toplam 30.000 KB eder; aynı oranlarla WebP karşılığı yaklaşık 19.800-22.500 KB çıkar. Bunlar Google'ın aralığına dayanan aritmetiktir, ölçüm değildir.

Bir de ikinci nesil kayıp var. JPG zaten kayıplıdır; onu kayıplı WebP'ye çevirmek görüntüyü bir kez daha sıkıştırır. Yüksek kalitede fark gözle zor seçilir. Yine de orijinal JPG'yi saklayın ve çevirdiğiniz dosyayı tekrar tekrar kaydetmeyin.

JPG WebP çevirme için kalite kaç olmalı?

Araç kaliteyi varsayılan olarak %92'de açar. Bu güvenli bir başlangıçtır, ama her zaman en küçük sonucu vermez. Kesin bir doğru değer yoktur, çünkü sonuç fotoğrafın içeriğine bağlıdır: düz renkli alanlar çok sıkışır, ince doku ve kumaş deseni ise az sıkışır.

Şu sırayla deneyin. Rakamlar örnek ayardır, kural değildir:

1. %92 (varsayılan): ilk sonucu görün, önceki ve sonraki boyutu not edin.
2. %85: ürün ve blog fotoğrafları için makul bir sonraki adımdır.
3. %80: geniş, ayrıntısız arka planlı banner görsellerinde deneyin.

Her adımda önizlemeyi büyütüp keskin kenarlara, gökyüzü geçişlerine ve ten tonlarına bakın. Blok blok bozulma ya da renk bantlaşması görürseniz bir önceki değere dönün. Ayar değişince liste kendiliğinden yeniden dönüştüğü için dosyaları yeniden eklemeniz gerekmez.

Amaç yalnızca küçük dosya değil, dengedir. Görüntü gözle aynı kalıyor ve değişim yüzdesi anlamlı çıkıyorsa durun. Değişim küçükse görsel zaten hafiftir; bu durumda orijinali kullanmak da makuldür.

E-ticaret ürün görselleri için JPG WebP çevirme mantıklı mı?

Evet, özellikle katalogda yüzlerce fotoğraf varsa. Bir kategori sayfası aynı anda onlarca ürün görseli yükler; her görselde biraz tasarruf, toplamda belirgin bir fark yaratır. Bu araç tek seferde 100 dosyayı çevirir ve sonucu Tümünü ZIP olarak indir düğmesiyle tek pakette verir.

Önerdiğimiz iş akışı şöyle:

1. Önce piksel ölçüsünü kullanım genişliğine indirin. Bu araç piksel boyutunu değiştirmediği için bunu Resim küçültme aracı ile yapın.
2. Ardından klasörü bu sayfada WebP'ye çevirin ve kaliteyi ürünün doku ayrıntısına göre seçin.
3. ZIP'i indirin ve dosya adlarını panele yüklemeden önce kontrol edin.
4. Önce tek bir ürün sayfasında deneyin; sonuç iyiyse kataloğun kalanına yayın.

Ürün fotoğrafında renk doğruluğu satışı etkiler. Bu yüzden çevirdikten sonra orijinalle yan yana bakın. E-ticaret danışmanlığımızda görsel ağırlığını katalog denetiminin bir kalemi olarak ele alıyoruz. Sayfa düzeni için ürün sayfası rehberimiz de işinize yarar.

Tarayıcı, CMS ve picture etiketi: WebP her yerde çalışır mı?

Büyük ölçüde evet. MDN'ye göre Chrome, Edge, Firefox, Opera ve Safari'nin güncel sürümleri WebP'yi destekler. Tek ayrıntı Safari'dedir: macOS'ta destek, hem Safari 14 ya da üstünü hem de macOS Big Sur (11) ya da daha yenisini gerektirir.

CMS ve e-ticaret altyapılarında durum panelden panele değişir. Çoğu güncel sistem WebP yüklemeyi kabul eder, ancak eski bir tema, eklenti ya da bakımsız bir sürüm dosyayı reddedebilir. Kataloğun tamamını yüklemeden önce tek bir deneme görseli yükleyin, önizlemeyi ve yayındaki sayfayı kontrol edin.

Yedek sunma fikri de basittir. <picture> etiketinin içine önce WebP kaynağını, sonra JPG yedeğini koyarsınız. Tarayıcı desteklediği ilk kaynağı seçer. MDN de WebP için JPEG ya da PNG yedeği sunmayı, örneğin picture öğesiyle, önerir.

srcset ise aynı görselin farklı genişlikteki kopyalarını listeler ve tarayıcı ekrana uygun olanı seçer. Bu araç piksel boyutunu değiştirmez; farklı genişlikte kopya gerekiyorsa önce küçültme yapın. Süreci baştan sona görsel optimizasyonu rehberimizde anlattık.

Hangi durumlarda JPG olarak kalmalısınız?

WebP her iş için doğru değildir. Şu durumlarda orijinal JPG'yi kullanmak daha güvenlidir:

• Yükleyeceğiniz başvuru formu, panel ya da e-posta şablonu yalnızca JPG ya da PNG kabul ediyorsa.
• Dosyayı eski bir görüntüleyiciyle açacak ya da baskıya gönderecek birine iletiyorsanız.
• Çekim bilgisi, telif ya da konum gibi EXIF verisini dosyanın içinde tutmanız gerekiyorsa; çünkü araç bu verileri çıktıya taşımaz.
• Dosya zaten çok hafifse ve değişim yüzdesi küçük ya da artıda çıkıyorsa.

Tersi de olur: elinizdeki bir WebP görsel bir yerde açılmıyorsa WebP JPG çevirme aracı işinizi görür. Tarayıcınız WebP kaydetmeyi desteklemiyorsa araç bunu açıkça söyler; sessizce başka bir biçim vermez.

Gizlilik tarafında küçük bir artı da var. Çevirdiğiniz dosyada konum (GPS) bilgisi yer almaz. Böylece fotoğrafı paylaşırken ev ya da iş adresinizi istemeden vermezsiniz.