Dosyalarınız yükleniyor…

PNG'den WebP'ye Dönüştürücü, Saydamlık Korunur

PNG'yi WebP'ye dönüştürün, saydamlık korunur ve dosya boyutu küçülür.

veya resmi buraya bırakın

PNG'yi WebP'ye nasıl dönüştürürsünüz

PNG'yi WebP'ye nasıl dönüştürürsünüz

Bir PNG'yi yükleme alanına bırakın ya da cihazınızdan bir dosya seçmek için tıklayın. Dönüştürme dosya yerleşir yerleşmez başlar, basılacak bir Dönüştür düğmesi yoktur. Sonuç tipik görseller için bir saniyenin epey altında belirir. Hazır olduğunda İndir düğmesi WebP'yi özgün dosya adıyla, uzantısı değiştirilmiş olarak kaydeder. Tek görsel dönüştürmek tarayıcınızda çalışır, birkaçı aynı anda sunucumuza gönderilir. Aynı kod yolu masaüstü ve mobil tarayıcılarda uygulama kurmadan çalışır. Başka bir görsel dönüştürmek için sıradaki PNG'yi bırakın. Hareketli bir PNG, dizideki ilk görüntüden tek bir sabit kare olarak işlenir.

Saydam pikseller WebP'ye olduğu gibi geçer

Saydam pikseller WebP'ye olduğu gibi geçer

WebP tam 8 bitlik bir alfa kanalını destekler, bu da PNG'nizdeki her saydam pikselin WebP çıktısında tam olarak saydam kalması demektir. Hiçbir şey beyazla doldurulmaz, kesim alanlarının çevresinde halka oluşmaz ve sonradan düzenleyici rötuşu gerekmez. Saydamlık taşıyan bir PNG'den dönüştürürken WebP'yi JPG yerine seçmenin başlıca nedeni budur, çünkü JPG'nin alfa kanalı yoktur ve saydam pikselleri dolu bir renkle değiştirmek zorundadır. Logolar, simgeler, ürün kesimleri, arayüz taslakları, yuvarlatılmış köşeli ekran görüntüleri ve saydam bir arka plana dayanan her görsel olduğu gibi taşınır. Saydamlık korumayı açan bir anahtar yoktur, WebP alfa taşıyacak biçimde tasarlandığı için bu kendiliğinden olur.

PNG'den WebP'ye geçmenin nedenleri

PNG'den WebP'ye geçmenin nedenleri

PageSpeed Insights sitenizin her sayfasını denetler ve PNG görselleri "yeni nesil biçimlerde görsel sunun" önerisi olarak işaretler. WebP'ye geçmek bu öneriyi doğrudan çözer. Largest Contentful Paint, Google'ın bilinen bir sıralama sinyali olan Çekirdek Web Verileri'nden biridir ve görsel dosyalar küçüldükçe LCP süresi kısalır. Chrome, Firefox, Safari ve Edge hepsi WebP'yi yerel olarak işler. Format değiştiğinde ziyaretçi tarafında hiçbir şey bozulmaz. E-ticaret ve medya sitelerindeki A/B testleri sürekli olarak daha hızlı sayfaların daha düşük hemen çıkma oranı ve daha yüksek dönüşüm sağladığını göstermektedir. PNG'den WebP'ye geçmek, tasarımı değiştirmeden elde edebileceğiniz hız kazanımının en kolay bölümüdür.

Kalite ayarları ve kayıplı takas

Kalite ayarları ve kayıplı takas

WebP iki farklı sıkıştırma modu sunar: her pikseli olduğu gibi koruyan kayıpsız ve insan gözünün fark etmediği bilgiyi atan kayıplı. Bu araç, normal ekran boyutlarında sonucun kaynaktan görsel olarak ayırt edilemeyeceği şekilde kalibre edilmiş yüksek kaliteli bir kayıplı ayar kullanır. Logo ve simge gibi düz renk grafikler genellikle PNG'ye kıyasla yüzde 60 ila 80 daha küçük olur. Detaylı fotoğraflar tipik olarak yüzde 40 ila 60 daha küçük olur. Saydam piksel içeren görseller, saydamlık verisi ayrı kayıpsız sıkıştırmayla korunduğundan biraz daha az tasarruf gösterir. Bu ayar web dağıtımı için en iyi dengedir. Piksel düzeyinde tam doğruluk gerekiyorsa PNG kayıpsız modu doğru seçimdir.

PNG'niz nerede işlenir

PNG'niz nerede işlenir

Yol, kaç dosya dönüştürdüğünüze bağlıdır. Tek bir PNG dönüştürdüğünüzde iş, tarayıcının yerleşik görüntü motorunda, cihazınızda, sekmenizin içinde çalışır, hiçbir şey yüklenmez ve dosya içeriği hakkında hiçbir şey günlüğe yazılmaz. Bunu tarayıcının ağ panelini açıp tek bir görsel dönüştürürken izleyerek doğrulayabilirsiniz. Dosyayı taşıyan hiçbir giden istek görünmez. Aynı anda birkaç PNG dönüştürdüğünüzde sunucumuza gönderilir, sunucu bunları birlikte dönüştürür ve size tek bir indirme döndürür. O sonuç yaklaşık 2 saat içinde sunucumuzdan silinir ve kaydettiğiniz an kendiniz de silebilirsiniz. Özetle: tek bir dönüşüm tamamen tarayıcınızda tamamlanır, toplu iş ise yalnızca indirmenizi oluşturmak için gereken süre kadar sunucumuzda işlenir.

Özgün PNG'nin hâlâ doğru seçim olduğu durumlar

Özgün PNG'nin hâlâ doğru seçim olduğu durumlar

WebP geniş ölçüde desteklenir ama her bağlamda evrensel olarak kabul edilmez. Bazı tasarım araçları, baskı iş akışları ve kurum içi içerik yönetim sistemleri hâlâ PNG ister. Bazı işletim sistemleri PNG sürükle bırakı yerel olarak işlerken WebP için eklenti gerektirir. Bir masaüstü uygulamasında tekrar tekrar açıp düzenleyeceğiniz çalışma dosyaları için kayıpsız PNG'yi asıl olarak tutmak, çöz ve yeniden yaz döngülerinin birikmesini önler. Web teslimi için WebP'yi dışa aktarma biçimi olarak kullanın ve PNG'yi kaynak olarak saklayın. Ters yöne gidip bir WebP'yi yeniden PNG'ye çevirmeniz gerekirse, webp-to-png aracı o dönüşümü görür.

Nasıl çalışır

  1. PNG'nizi bırakın ya da seçin

    Bir PNG dosyasını yükleme alanına sürükleyin veya bir dosya seçici açmak için tıklayın. PNG'deki tüm saydam alanlar çıktıda korunur. Tek görsel dönüştürmek tarayıcınızda çalışır, birkaç tanesini aynı anda bırakmaksa birlikte işlenmek üzere sunucumuza gönderir.

  2. Otomatik dönüştürmeyi bekleyin

    Dosya yüklenir yüklenmez tarayıcı WebP'yi yazar. Ekran çözünürlüğündeki çoğu görsel için sonuç, basılacak bir düğme olmadan bir saniyenin epey altında belirir.

  3. Çıktı boyutunu denetleyin

    İndir düğmesi çıktı dosyasının boyutunu gösterir. Saydam alanlar WebP'de saydam kalır ve dosya kaynak PNG'den belirgin biçimde küçük olmalıdır.

  4. WebP'yi indirin

    Dosyayı kaydetmek için İndir'e tıklayın. Özgün dosya adı korunur, uzantı .webp olarak değiştirilir. Başka bir PNG dönüştürmek için onu sayfaya bırakın, her dosya bağımsız çalışır.

İlgili dönüştürücüler

Ters yönde veya başka bir biçimde çevirmeniz gerekiyorsa bu araçlar hazır.

Sıkça Sorulan Sorular

PNG'yi WebP'ye dönüştürürken saydamlık korunur mu?

Evet. WebP tam bir alfa kanalını destekler, bu yüzden PNG'nizdeki saydam alanlar WebP çıktısında saydam kalır. Bir PNG'den başlarken WebP'yi JPG yerine seçmenin başlıca nedeni budur, çünkü JPG'nin alfası yoktur ve saydamlığı dolu bir renge düzleştirmek zorundadır, oysa WebP kesimi olduğu gibi korur. Saydam arka planlı logolar, simgeler, ürün görselleri ve arayüz varlıkları, ek adım olmadan dönüşümden olduğu gibi geçer.

Neden PNG'yi WebP'ye dönüştürmeli?

Saydamlığı ya da görsel kaliteyi kaybetmeden daha küçük dosyalar için. Google'ın WebP belgelerine göre kayıpsız WebP eşdeğer PNG'den yaklaşık yüzde 26 küçük, alfalı kayıplı WebP ise kabaca üç kat küçük olabilir. Daha küçük görseller sayfa yükleme hızını iyileştirir ve bir Çekirdek Web Verileri ölçütü ile bilinen bir Google sıralama sinyali olan Largest Contentful Paint'e doğrudan yardım eder. PageSpeed Insights, görsel denetiminde PNG'yi yeni nesil biçim fırsatı olarak işaretler. Tarayıcı desteği Chrome, Firefox, Safari ve Edge genelinde evrenseldir.

PNG'yi WebP'ye dönüştürmek kalite kaybettirir mi?

Bu aracın kullandığı neredeyse kayıpsız ayarda, fotoğraflar ve grafikler normal görüntüleme boyutlarında kaynak PNG'den görsel olarak ayırt edilemez. Bu ayardaki WebP teknik olarak kayıplıdır, yani bir miktar bit düzeyinde kesinlik daha küçük bir dosya için takas edilir. Logolar, simgeler ve fotoğraflar dahil tipik web kullanımı için bu fark görünmez. Piksel düzeyinde doğru ya da arşiv işleri için özgün PNG'yi saklayın ve WebP'yi teslim dışa aktarımı olarak görün. Kaynak PNG dönüşümle değiştirilmez, cihazınızda olduğu gibi kalır.

WebP, PNG'den ne kadar küçüktür?

Google'ın resmi WebP belgelerine göre kayıpsız WebP eşdeğer bir PNG'den yaklaşık yüzde 26 daha küçük, alfa kanallı kayıplı WebP ise benzer bir PNG'den kabaca üç kat daha küçüktür. Tam oran görsel içeriğine bağlıdır, geniş saydam alanlar ve düz renkli bölgeler taşıyan grafikler en büyük kazancı görürken, çok ayrıntılı fotoğraflar daha küçük ama yine de anlamlı düşüşler görür. Her durumda WebP daha küçüktür ve saydamlık korunur.

PNG'yi burada WebP'ye dönüştürmek güvenli mi?

Bu, tek bir görsel mi yoksa birkaç tane mi dönüştürdüğünüze bağlıdır. Tek bir PNG doğrudan tarayıcınızda dönüştürülür, dolayısıyla o dosya yüklenmez ve bunu tarayıcının ağ panelini açıp dönüşüm sırasında izleyerek doğrulayabilirsiniz. Giden görsel isteği görünmez. Aynı anda birkaç tane dönüştürdüğünüzde, birlikte işlenmek üzere sunucumuza gönderilir ve o sonuç yaklaşık 2 saat içinde silinir, indirdiğiniz anda kendiniz silme seçeneğiyle birlikte. Her durumda, indirmenizi oluşturmanın ötesinde görselinizden hiçbir şey saklanmaz.

WebP tüm tarayıcılarda çalışır mı?

Evet. WebP, etkin kullanımdaki tarayıcıların büyük çoğunluğunu kapsayan Chrome, Firefox, Safari ve Edge'de yerel olarak desteklenir. Destek 2020'de Safari 14'ten beri evrenseldir. Çok eski tarayıcılar ya da gömülü web görünümleri içerebilecek bir kitle için geliştiriyorsanız, PNG en güvenli seçim olmayı sürdürür. Son beş yılın güncel tarayıcılarını kullanan herhangi bir kitle için WebP güvenilir biçimde çalışır. Tarayıcı bazında desteği caniuse.com WebP girişinde doğrulayabilirsiniz.

Ayrıntılar

Ekipten zanaat, formatlar ve iyi bir sonucun arkasındaki küçük kararlar hakkında notlar.

WebP, PNG'den nasıl daha küçük boyutlara ulaşır
WebP iki ayrı sıkıştırma kipi kullanır. Kayıpsız kip, uzamsal ve renk tahminini PNG'nin DEFLATE'inden daha gelişmiş bir entropi kodlama aşamasıyla birleştirir ve Google'ın yayımladığı ölçüte göre tipik görsellerde kabaca yüzde 26 daha iyi sıkıştırma sağlar. Kayıplı kip, gözün gerçekte gördüğünü korurken algısal olarak önemsiz bilgiyi atmak üzere tasarlanmış, video sıkıştırmasına benzer blok tabanlı bir dönüşüm uygular. Alfa kanallı görseller için WebP, alfa verisi için ayrı bir kayıpsız alt sıkıştırma kullanırken RGB verisine kayıplı sıkıştırma uygular, bu da saydamlık taşıyan kayıplı WebP'nin eşdeğer görsel kalitede bir PNG'den kabaca üç kat küçük olabilmesinin nedenidir. PNG'nin DEFLATE'i yalnızca kayıpsızdır ve kayıplı kipin yararlandığı algısal takastan yararlanamaz. Biçim farkı bu boşluğu açıklar.
Alfa kanalı ayrıntılı olarak
Hem PNG hem WebP 8 bitlik alfa saydamlığını destekler, yani her piksel 0 değerinden (tümüyle saydam) 255 değerine (tümüyle opak) bir opaklık değeri tutabilir. Platform görsel motoru bir PNG'yi WebP'ye yeniden yazarken, her pikselin RGBA değerlerini okur ve alfa değerlerini doğrudan WebP sıkıştırma adımına geçirir, orada RGB verisinin nasıl yazıldığından bağımsız olarak kayıpsız sıkıştırmayla korunurlar. Sonuç olarak PNG'deki alfa 0'daki her saydam piksel, 1 ile 254 arasındaki her yarı saydam piksel ve 255'teki her opak piksel WebP'de tam olarak aynı duruma eşlenir. Saydam arka planda yumuşak gölgeleri ya da kenar yumuşatmalı metni olan bir logo için kenar yumuşaklığı olduğu gibi korunur. Bu, kapsayıcı belirtiminde alfa alanı olmayan ve kodlamadan önce görseli bir arka plan rengine yerleştirmek zorunda kalan JPG ile zıttır.
Çekirdek Web Verileri ve görsel biçim seçimi
Largest Contentful Paint, sayfadaki en büyük görünür ögenin görüntü alanında belirmesinin ne kadar sürdüğünü ölçer. Çoğu içerik sayfasında bu öge kahraman görseldir ve Google, Çekirdek Web Verileri değerlendirmesinde LCP'yi bir sıralama sinyali olarak kullanır. PNG görselleri dosya boyutu yüzünden tutarlı bir LCP başarısızlığı kaynağıdır, çünkü 4K çözünürlükte fotoğrafik bir PNG birkaç megabayt ağırlığında olabilirken neredeyse kayıpsız kalitedeki eşdeğer WebP genelde bunun küçük bir kesridir. PageSpeed Insights bunu özellikle yeni nesil biçimlerde görsel sunma denetim ögesinde işaretler ve değiştirilecek hedef biçim olarak PNG'yi listeler. Kritik işleme yollarında beliren PNG'leri WebP'ye dönüştürmek, ölçülen sayfa başarımını iyileştirmek için en yüksek getirili tekil değişikliklerden biridir. Tarayıcı desteği zaman çizelgesi bunu güvenli kılar, Chrome WebP'yi 2011'de, Firefox 2019'da, Safari 2020'de ve Edge Chromium yeniden inşasından beri ekledi.
Kayıplı çıktı ve neredeyse kayıpsız ayar
WebP yazımı 0'dan 100'e bir kalite parametresi sunar, daha yüksek değerler daha büyük dosyalar pahasına daha çok ayrıntı korur. Bu araç, fotoğraflar, arayüz grafikleri ve simgelerden oluşan tipik web varlık kategorileri için görsel sadakati dosya boyutuna karşı dengelemek üzere ayarlanmış sabit, neredeyse kayıpsız bir ayarda yazar. Bu ayarda çıktı, normal ekran görüntüleme mesafelerinde kaynak PNG'den algısal olarak ayırt edilemez. Teknik olarak gerçek bir kayıpsız yazıma göre bir miktar bit düzeyinde kesinlik kaybedilir, bu da çözülmüş WebP pikselleri ile özgün PNG pikselleri arasında bayt düzeyinde bir karşılaştırmanın küçük sayısal farklar göstereceği anlamına gelir. Bu farklar fotoğrafik içerik için insan algısı eşiğinin altındadır. Kayıpsız sadakatin katı bir gereklilik olduğu tıbbi görüntüleme, uydu fotoğrafçılığı ya da arşiv dijital korumada doğru yaklaşım, PNG'yi saklamak ve WebP'yi yalnızca teslim dışa aktarımı olarak kullanmaktır, çalışma kopyası olarak değil.
Üst veri davranışı
PNG'den WebP'ye dönüştürme için kullanılan boru hattı, çıktıdan EXIF, IPTC ve XMP üst verisini temizler. Bu, üç büyük tarayıcı motorunun tümünde gözlenen davranışla örtüşür. ICC renk profilleri tutarsız işlenir, Chrome ve Safari sRGB ICC profil etiketini WebP çıktısında korurken Firefox ICC profili dahil tüm üst veriyi temizler. Net sonuç, dönüştürülmüş WebP'nin tarayıcılar genelinde sRGB güvenli olmasıdır, ancak kaynak PNG'de bulunan Display-P3, Adobe RGB ya da ProPhoto RGB gibi geniş gamlı etiketlemeler Firefox'ta korunmaz. Renge duyarlı profesyonel iş akışları için bu tutarsızlık önemlidir, bu yüzden son çıktının renk profili sadakatine ihtiyacı varsa ICC verisini açıkça yazan bir araçla dönüştürün ya da profil etiketini özel bir görsel üst veri düzenleyiciyle son işlem adımı olarak uygulayın.
Ne zaman PNG kalmalı, ne zaman WebP yeterli
Pratik karar ağacı kısadır. Görselin son hedefi bir web sayfası ya da web uygulamasıysa ve işleme ortamı 2020 ve sonrasından herhangi bir tarayıcıysa, WebP doğru dışa aktarma biçimidir. Görselin Figma, Sketch ya da Affinity Designer gibi bir tasarım uygulamasında açılması gerekiyorsa, destek değiştiği için kullandığınız belirli sürümde WebP desteğini doğrulayın. Görsel bir baskı iş akışında kullanılacaksa, çoğu baskı RIP'i WebP'yi işlemediği için PNG ya da TIFF yeğlenir. Görsel e-postayla gönderilecekse, e-posta istemcileri modern biçimlerle son derece tutarsız olduğu için PNG daha güvenlidir. Görsel birden çok kez düzenlenip yeniden kaydedilen bir çalışma dosyası olacaksa, PNG'yi asıl olarak tutun. Neredeyse kayıpsız kalitedeki WebP mükemmel bir teslim biçimidir ve PNG daha iyi bir arşiv ve düzenleme biçimidir. İdeal iş akışı PNG'yi özgün olarak tutar ve web teslimi için WebP'ye aktarır.