PNG'yi WebP'ye Dönüştürme

Web sitenizdeki PNG ekran görüntülerini, logoları ve dekupe ürün görsellerini şeffaf kenarlarını koruyan ve çok daha hızlı yüklenen WebP dosyalarına küçültün. Kayıplı veya kayıpsız seçin, dönüştürün ve sonuçları CMS'inize yükleyin.

veya JPG, JPEG, JPE … dosyaları buraya bırakın ·

Dosya başına en fazla 95 MB· En fazla 20 dosya· 30 dakika sonra silinir

Çıktı

Dönüştürülecek biçim

Dosyalar sunucularımızda işlenir ve 30 dakika sonra silinir.

Bu aracı nasıl kullanırsınız

1
PNG dosyalarını bırakın
En fazla 20 PNG dosyasını yükleme alanına sürükleyin veya bir klasörden seçin. Her dosya 95 MB'a kadar olabilir; bu sınır, çok büyük dışa aktarılmış tasarım örneklerini bile kapsar.
2
Kayıplı veya kayıpsız seçin
Sayfa, kayıplı modda Kalite 80 ile başlar; bu değer web'deki fotoğraflar ve çizimler için iyi bir denge sunar. Piksel düzeyinde birebir kalması gereken simgeler, piksel sanatı veya arayüz ekran görüntüleri için Gelişmiş ayarlar altındaki Kayıpsız kutusunu işaretleyin.
3
Dönüştürün ve değiştirin
WebP biçimine Dönüştür → düğmesine basın ve dosyaları tek tek ya da ZIP olarak indirin.

Yanıt

PNG'yi WebP'ye dönüştürmeye değer mi?

Bir web sitesindeki resimler için neredeyse her zaman. Saydamlığı dahil aynı resim genellikle çok daha küçük çıkar ve güncel her tarayıcı onu gösterir. Hâlâ düzenlediğiniz ya da masaüstü yazılımlarda açacak kişilere göndereceğiniz dosyalar için PNG'yi saklayın.

Web geliştiriciler neden PNG yerine WebP kullanıyor

PNG tasarım gereği kayıpsızdır: W3C tarafından 1996'da GIF'in patentsiz alternatifi olarak standartlaştırıldı ve piksel verisini asla atmaz. Bu, ana dosya için mükemmel, web sayfası içinse israftır; PNG olarak kaydedilmiş 1600 px'lik bir kapak çizimi, sayfadaki tüm betiklerin toplamından daha ağır olabilir.

Google, bu açığı kapatmak için WebP'yi 2010'da tanıttı. Tek kapsayıcıda iki motor sunar: Google'ın yayımladığı karşılaştırmaya göre PNG'den yaklaşık %26 küçük olan bir kayıpsız mod ve VP8 video kodeğine dayanan, daha da küçük bir kayıplı mod. Her iki mod da tam alfa kanalı taşır; logoların ve arka planı silinmiş ürün fotoğraflarının renkli zeminlerde kullanılabilir kalmasını sağlayan özellik budur.

PageSpeed Insights gibi sayfa hızı araçları, gereğinden büyük PNG ve JPEG dosyalarını uzun zamandır kolay bir kazanç olarak gösteriyor; dönüştürülmüş bir resim seti, Largest Contentful Paint için yapabileceğiniz en hızlı iyileştirme olabilir. Resimlerin ölçüleri de değişecekse önce resim boyutlandırma aracından geçirin, sonra dönüştürün.

WebP, PNG'ye göre ne kadar küçülür

PNG orijinal

1,2 MB

1600 × 900 · alfa kanallı 24 bit, arka planı silinmiş ürün

genellikle %80–85 daha küçük

WebP, kalite 80

190 KB

1600 × 900 · kayıplı, alfa kanalı korunmuş

PNG

Portable Network Graphics

PNG, 1996'da PNG Development Group tarafından yayımlanan ve sonradan W3C ile ISO tarafından standartlaştırılan kayıpsız bir raster biçimdir. Her pikseli aynen korur, tam alfa saydamlığını destekler; metni, keskin kenarları ve düz renkleri bozulma olmadan işler. Bu kesinlik onu ekran görüntüleri, logolar, simgeler ve arayüz grafikleri için ideal kılar. Bedeli boyuttur: PNG olarak kaydedilen fotoğraflar, aynı fotoğrafın JPEG veya WebP hâlinden çoğunlukla birkaç kat büyüktür. Tüm tarayıcılar, işletim sistemleri ve düzenleyiciler PNG dosyalarını açar.

Sıkıştırma: Kayıpsız
Saydamlık: Evet
Animasyon: Hayır
Çıkış yılı: 1996 · PNG Development Group

PNG dönüştürücü

WEBP

WebP resim

WebP, Google'ın web sayfalarını daha hızlı yüklemek için 2010'da yayımladığı bir resim biçimidir. Hem kayıplı hem kayıpsız sıkıştırmayı, alfa saydamlığını ve animasyonu tek biçimde destekler. Kayıplı WebP dosyaları, benzer görsel kalitedeki JPEG'lerden genellikle %25–35 daha küçüktür; kayıpsız WebP ise genellikle PNG'den küçüktür. Güncel tüm tarayıcılar destekler, ancak bazı eski masaüstü yazılımlar, baskı hizmetleri ve yükleme formları hâlâ reddeder. Windows, macOS ve çoğu modern görüntü düzenleyici WebP dosyalarını açabilir.

Sıkıştırma: Kayıplı veya kayıpsız
Saydamlık: Evet
Animasyon: Evet
Çıkış yılı: 2010 · Google

WEBP dönüştürücü

Site sahipleri saydamlığı koruyarak sayfa boyutunu azaltmak için PNG'yi WebP'ye dönüştürür; WebP'den PNG'ye geri dönmek ise WebP okumayan bir yazılımda dosyayı düzenlemek veya açmak içindir.

Yukarıdaki rakamlar, fotoğraf türü bir kesme görsel için tipik bir sonuçtur; garanti değildir. Düz grafikler kayıplı modda daha az küçülür, kayıpsız modda bazen daha çok küçülür. Yazı dolu ekran görüntüleri, kayıplı WebP'nin harf kenarlarını bulanıklaştırabildiği tek durumdur; bunlar için Kayıpsız kutusunu işaretleyin, piksellerde hiçbir değişiklik olmadan yine yer kazanırsınız.

Ölçüler, renk ve saydamlık değişmeden aktarılır; Meta verileri kaldır (varsayılan olarak açık) ise tarayıcının hiç ihtiyaç duymadığı düzenleme geçmişini siler.

WebP dosyalarını sitenize yüklemeden önce

Orijinal PNG'leri ayrı bir klasörde saklayın; WebP bir yayın kopyasıdır, düzenleme ana dosyası değil.
İçerik yönetim sisteminizin .webp yüklemelerini kabul ettiğini kontrol edin (WordPress 5.8 sürümünden itibaren kabul eder).
Kenarların temiz olduğunu doğrulamak için saydam bir resmi hem beyaz hem koyu arka planda inceleyin.
HTML veya CSS'inizdeki resim bağlantılarını .png yerine .webp olacak şekilde güncelleyin ya da küçük resimleri içerik yönetim sisteminizin yeniden oluşturmasına izin verin.
Ne kazandığınızı görmek için tarayıcınızın ağ panelinde sayfa boyutunu öncesinde ve sonrasında karşılaştırın.

PNG'den WebP'ye dönüştürme hakkında sorular

WebP, PNG'nin şeffaf arka planını korur mu?

Evet. WebP, hem kayıplı hem kayıpsız modunda alfa kanalını saklar; bu yüzden arka planı silinmiş ürün fotoğrafları ve logolar saydam kalır. Kayıplı modda kenar pikselleri biraz sıkıştırılır; ince saç telleri veya yazı çevresinde hafif bir hale görürseniz dosyayı Kayıpsız işaretli olarak yeniden dönüştürün. Sonradan tersi gerekirse WebP'den PNG'ye dönüştürme aracı düzenlenebilir bir PNG üretir.

PNG için kayıplı mı yoksa kayıpsız WebP mi seçmeliyim?

PNG düz bir arayüz, diyagram, logo veya piksel sanatıysa kayıpsız seçin; çünkü her piksel olduğu gibi kalır ve dosya boyutu yine de çoğunlukla düşer. PNG aslında bir fotoğraf ya da yumuşak geçişli bir çizimse 75 ile 85 arası kalitede kayıplı seçin; asıl kazanç orada.

Hangi tarayıcılar WebP resimlerini gösterebilir?

Chrome, Edge, Firefox ve Opera yıllardır WebP'yi gösteriyor; Safari de 2020'de 14. sürümle (macOS Big Sur veya sonrası ve iOS 14) destek verdi. Pratikte bugün kullanılan her tarayıcı WebP'yi görüntüler; çoğu site için .webp dosyasına işaret eden sıradan bir img etiketi yeterlidir.

WordPress'e WebP yüklenebilir mi?

Temmuz 2021'de yayımlanan WordPress 5.8, WebP'yi ortam kitaplığının izin verilen yükleme türlerine ekledi. Eski kurulumlar, bir eklenti MIME türünü eklemedikçe dosyayı reddeder; bu yüzden tüm klasörü dönüştürmeden önce sürümünüzü kontrol edin.

WebP dosyam neden orijinal PNG'den büyük?

Birkaç renklik indeksli palet kullanan çok küçük PNG'lerde, örneğin 8 renkli bir simgede, bu durum görülür; çünkü PNG orada zaten çok verimlidir. Bu dosyalar için Kayıpsız seçeneğini deneyin; sonuç yine de büyükse PNG'yi koruyun. Kazanç daha büyük ve renkli resimlerden gelir.

Bir klasördeki PNG'leri tek seferde WebP'ye dönüştürebilir miyim?

Tek seferde 20 dosyaya kadar işlenir, her biri 95 MB'a kadar olabilir ve sonuçlar birlikte bir ZIP içinde gelir. Daha büyük bir klasör için 20'şerli gruplar hâlinde tekrarlayın; günlük sınır yoktur ve yüklenen dosyalar 30 dakika sonra otomatik olarak silinir.