Kırp

Resim kırpma Resmi daire şeklinde kırp

Optimize Et

Resim sıkıştırma Arka planı kaldır Görüntü büyütme

Düzenle

Resim boyutlandırma

Dönüştür

Diğer

JPG’yi PDF’ye dönüştür

Daha Küçük Dosyalar İçin PNG'den WebP'ye Dönüştürücü

Şişkin bir PNG'yi şeffaflığını koruyan ve daha hızlı yüklenen ince bir WebP ile değiştirin.

veya resmi buraya bırakın

Hızlı yanıt

Araluma bir PNG'yi WebP'ye dönüştürür ve saydam kısımları korur. Tek bir resim verin, tarayıcının görüntü motoru onu kendi cihazınızda yeniden kurar, yani hiçbir yere gönderilmez. Birkaçını bir kerede verin, sunucumuza giderler, hepsini birlikte gezer ve bir indirme döndürür, sonra o indirmeyi yaklaşık 2 saat içinde temizler. PNG nerede saydamsa WebP de saydam kalır, çünkü WebP tam bir alfa kanalı taşır ve tam da bu yüzden kesiti yassılaştırmadan daha hafif bir dosya isterken JPG'yi geçer. Google'ın kendi WebP sayılarına göre, kayıpsız WebP eşit bir PNG'nin yaklaşık yüzde 26 altında kalır ve alfalı kayıplı WebP boyutun üçte birine yaklaşır. Buradan çıkan, neredeyse kayıpsız bir ayarda kayıplı WebP'dir, bit düzeyinde bir tutam ayrıntıyı daha küçük bir dosyayla takas eder, normal ekran boyutlarında kaynak PNG gibi görünür. Piksel hassasiyetinde arşiv kopyaları için özgün PNG'yi saklayı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 bırakma alanına sürükleyin ya da ona göz atmak için tıklayın. İş, dosya iner inmez harekete geçer, hiçbir yerde Dönüştür düğmesi yoktur ve gündelik bir görsel için bir saniyenin epey altında biter. Ardından bir İndir düğmesi WebP'yi kaynak adı altında yeni bir sonla kaydeder. Birini dönüştürün, tarayıcınızda çalışır, birkaçını verin, birlikte sunucumuza çıkarlar. Aynı yol telefonlara ve masaüstlerine hizmet eder, kurulum gerekmez. Bir başkasını işlemek için sadece sıradaki PNG'yi bırakın. Ona animasyonlu bir PNG verin, yalnızca ilk kare hayatta kalır, çünkü burada yaptığı WebP hareketli bir dizi değil tek bir durağan karedir.

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

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

WebP'nin içinde 8 bitlik bir alfa kanalı yaşar, böylece PNG'nizdeki her saydam piksel WebP'de tam o saydamlıkla iner. Hiçbir şey beyaza dönmez, bir kesimi hiçbir hâle çevrelemez ve sonrasında bir editörde temizlik gerekmez. PNG'niz saydamlık taşıdığında WebP'yi JPG'ye yeğlemenin ta kendisi budur, çünkü JPG'nin alfası yoktur ve berrak pikselleri dolu bir renge takas etmek zorundadır. Logolar, simgeler, ürün kesimleri, arayüz maketleri, yuvarlatılmış köşeli ekran görüntüleri, saydam bir zemine yaslanan ne varsa, hepsi dokunulmadan karşıya geçer. Bunun için çevrilecek bir anahtar yoktur, kendiliğinden olur, çünkü alfa taşımak WebP'nin yapısının bir parçasıdır.

PNG'den WebP'ye geçmenin nedenleri

PNG'den WebP'ye geçmenin nedenleri

Başlıca, saydamlık ve görünüm ayakta dururken çok daha hafif bir dosya elde edersiniz. Google'ın resmi WebP rakamları kayıpsız WebP'yi eşit bir PNG'nin kabaca yüzde 26 altında, alfalı kayıplı WebP'yi de benzerinin üçte birine yakın gösterir. Daha hafif görseller daha tez varır, bu da doğrudan Google'ın bir Çekirdek Web Verisi ve bilinen bir sıralama etkeni olan Largest Contentful Paint'i besler. PageSpeed Insights, yeni nesil biçimler önerisi altında PNG'yi açıkça işaret eder ve WebP'ye geçmek o işareti temizler. Destek de bir engel değildir, çünkü Chrome, Firefox, Safari ve Edge hepsi WebP'yi yerli okur.

Kalite ayarları ve kayıplı takas

Kalite ayarları ve kayıplı takas

Araluma, WebP'yi hem fotoğraflar hem grafikler için ayarlanmış kayıpsıza yakın bir düzeyde yazar, böylece olağan görüntüleme boyutlarında geldiği PNG ile aynı görünür. Bu düzeyde tutulan WebP teknik olarak kayıplıdır, yani kusursuz bir kayıpsız kopyaya karşı biraz bit düzeyinde kesinlik teslim edilir. Hemen hemen tüm web işi için, logolar, simgeler, arayüz varlıkları, fotoğraflar, o boşluk görünmezdir. İş piksel kesinse, tıbbi taramalar ya da arşiv asılları gibi, PNG'yi tutun ve WebP'yi dışa aktarım olsun bırakın. Fotoğraflarda genellikle yüzde 50 ile 70 arası bir boyut düşüşü bekleyebilirsiniz, WebP'nin PNG karşısında zaten tuttuğu yapısal üstünlüğün üstüne katlanmış olarak.

PNG gerçekte nerede dönüştürülür

PNG gerçekte nerede dönüştürülür

Bu, kaç tane verdiğinize göre bölünür. Tek bir PNG dönüştürün, görevin tamamı sekmede, tarayıcının kendi görüntü motorunda, cihazınızda olur, hiçbir şey yukarı çıkmadan ve dosya hakkında hiçbir şey not edilmeden. Kendiniz doğrulayın, DevTools'u açın, o tek resmi dönüştürürken Ağ panelini açık tutun ve onu taşıyan sıfır giden istek sayın. Bir avuç dolusunu birlikte dönüştürün, sunucumuza çıkarlar, hepsini gezer ve tek bir indirme döndürür. O indirme yaklaşık 2 saat içinde sunucumuzdan temizlenir ve kaydettiğiniz anda silebilirsiniz. Böylece bir resim tarayıcıyı asla terk etmez, bir küme ise götürdüğünüz şeyi birleştirmek için gereken süre kadar sunucumuzda kalır.

Ö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 uzağa gider, ama her yere değil. Bir avuç tasarım programı, baskı hattı ve şirket içi içerik sistemi hâlâ PNG sorar. Bazı işletim sistemleri PNG'yi düşünmeden sürükleyip bırakır ama WebP için bir eklenti ister. Bir masaüstü uygulamasında tekrar tekrar açıp düzenleyeceğiniz bir çalışma dosyası için kayıpsız PNG'yi asıl tutmak, sizi yinelenen çöz ve yeniden kur turlarının birikiminden esirger. WebP'yi web için dışa aktarımınız olsun ve PNG kaynak kalsın. Bir gün ters yöne koşup bir WebP'yi yeniden bir PNG'ye çevirmeniz gerekirse, webp-to-png aracı o yolu kapsar.

Nasıl çalışır

  1. Bir PNG uzatın

    PNG'yi sayfaya kaydırın veya seçicide bulun. Saydam kısımlar onunla gelir. Birini dönüştürün, makinenizde kalır, birkaçını bırakın, birlikte işlenmek üzere sunucumuza çıkarlar.

  2. Arkanıza yaslanın

    Başka bir şey yapmazsınız. Tipik bir resim, parmağınız kalkar kalkmaz gibi hızlı bir WebP olur, ne Dönüştür adımı ne de yol boyunca bir bekleme çarkı vardır.

  3. Küçüldüğünü izleyin

    Sonuç, ne kadar büyük çıktığını bildirir. Berrak yerler berrak kalır ve WebP, başladığınız PNG'den gözle görülür biçimde daha az tartmalıdır.

  4. WebP'nizi saklayın

    İndir'e bir dokunuş onu dışarı yazar, eski ad, taze bir .webp sonu. Sırada daha çoğu mu var? Her birini sayfaya atın, teker teker geçsinler.

Sıkça Sorulan Sorular

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

Korunur. WebP tam bir alfa kanalı tuttuğundan, PNG'nizin her berrak yaması bir WebP olduğunda berrak kalır. O tek gerçek, saydam bir PNG ile başladığınızda WebP'nin hedef olarak JPG'yi yenmesinin nedenidir, çünkü JPG'nin alfası yoktur ve berrak yerleri dolu bir renge boyamak zorundadır, WebP ise kesimi bulduğu gibi bırakır. Logolar, simgeler, ürün çekimleri, saydam zeminlere yaslanan arayüz parçaları, hepsi sizden fazladan bir şey istemeden bütün olarak taşınır.

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

Hem saydamlığını hem görünümünü koruyan daha ince bir dosya için. Google'ın WebP sayılarına göre kayıpsız tür eşit bir PNG'nin kabaca yüzde 26 altında gider, alfalı kayıplı tür de birinin üçte birine yakın iner. Daha ince bir görsel daha erken varır, bu da Google'ın sıralamada tarttığı bir Çekirdek Web Verisi ölçütü olan Largest Contentful Paint'e yardım eder. PageSpeed Insights, görsel denetimi içinde PNG'yi bir yeni nesil biçim fırsatı olarak gösterir. Üstüne, Chrome ve Firefox'tan Safari ve Edge'e her büyük tarayıcı WebP'yi yardımsız okur.

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

Araluma'nın kullandığı kayıpsıza yakın ayarda, fotoğraflar ve grafikler olağan görüntüleme boyutlarında kaynak PNG ile aynı görünür. Burada tutulan WebP teknik olarak kayıplıdır, yani bir tutam bit düzeyinde kesinlik daha küçük bir dosyaya gider. Gündelik web kullanımı için, logolar, simgeler, fotoğraflar, o boşluk görünmezdir. Piksel kesin ya da arşiv işi için PNG'yi tutun ve WebP'yi teslim kopyası olarak görün. Dönüştürme PNG'nizi dokunulmadan bırakır, cihazınızda tıpkı olduğu gibi oturur.

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

Google'ın resmi WebP rakamları kayıpsız WebP'yi eşit bir PNG'nin yaklaşık yüzde 26 altına, alfa kanallı kayıplı WebP'yi de benzerinin kabaca üçte birine koyar. Tam oran içeriğe biner, geniş berrak alanları ve dolu renk blokları olan grafikler en çoğunu kazanır, yoğun ayrıntılı fotoğraflar ise daha küçük ama yine de yararlı bir düşüş görür. Her durumda WebP daha hafif çıkar ve saydamlık hayatta kalır.

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

Bu, bir resim mi yoksa birkaç tane mi dönüştürdüğünüze bağlıdır. Tek bir PNG doğrudan tarayıcıda yeniden kurulur, yani o dosya gönderilmez ve dönüşümün ortasında DevTools'u açıp Ağ panelini izleyerek doğrulayabilirsiniz, orada giden bir görsel isteği görünmez. Birkaçını bir kerede dönüştürün, birlikte işlenmek üzere sunucumuza çıkarlar, sonra o indirme yaklaşık 2 saat içinde temizlenir ve kaydeder kaydetmez kendiniz kaldırabilirsiniz. Her halükarda, indirmenizi birleştirmenin ötesinde resminizden hiçbir şey kalmaz.

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

Çalışır, pratik amaçların tümü için. Yerli okuma, 2020'de Safari 14 çıkar çıkmaz her yere ulaştı ve insanların gerçekten kullandığı neredeyse her tarayıcıyı toplayan Chrome, Edge ve Firefox'a katıldı. İstisnalar gerçekten eski olanlar ile bazı gömülü web görünümleridir, bunları içerebilecek bir kitle için PNG ihtiyatlı seçim olarak kalır. Son beş yılın bir tarayıcısındaki herkes WebP'yi sorunsuz alır. Belirli bir durumu doğrulamak isterseniz, caniuse.com'daki WebP girişi desteği serer.

Ayrıntılar

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

WebP, PNG'den nasıl daha küçük boyutlara ulaşır
WebP iki ayrı kipte koşar. Kayıpsız kipi, uzamsal ve renk öngörüsünü PNG'nin DEFLATE'ini geride bırakan bir entropi aşamasıyla eşler ve Google'ın yayımlanmış sayılarına göre tipik görsellerde kabaca yüzde 26 daha iyi sıkıştırmaya iner. Kayıplı kipi, gözün zar zor fark ettiği ayrıntıyı düşürmek ama fark ettiğini tutmak için kurulmuş, video işinden ödünç alınmış blok tabanlı bir dönüşüme başvurur. Bir görsel alfa taşıdığında, WebP o alfayı kendi izinde kayıpsız sıkıştırırken RGB verisini kayıplı işler, saydamlık taşıyan kayıplı WebP'nin eşleşen görsel kalitede bir PNG'nin üçte birine yakın gelebilmesi de böyledir. PNG'nin DEFLATE'i yalnızca kayıpsızı bilir ve kayıplı izin yaptığı algısal pazarlığa asla dokunamaz. O yapısal ayrım, boyut boşluğunun tüm nedenidir.
Alfa kanalı ayrıntılı olarak
PNG de WebP de 8 bitlik alfa taşır, herhangi bir pikselin tümüyle berrak için 0'dan tümüyle dolu için 255'e bir opaklık belirtmesine izin verir. Platform görsel motoru bir PNG'yi yeniden bir WebP olarak kurarken, her pikselin RGBA değerlerini okur ve alfayı doğrudan WebP sıkıştırma adımına besler, RGB'yi nasıl işlerse işlesin onu kayıpsız sıkıştırma altında tutar. Böylece 0'da tümüyle berrak bir piksel, 1 ile 254 arası kısmen berrak biri ve 255'te dolu biri WebP'de özdeş duruma eşlenir. Saydam zeminde yumuşak bir gölgesi ya da kenar yumuşatmalı yazısı olan bir logoda, o narin kenar yumuşaklığı bütün olarak karşıya geçer. JPG bunu yapamaz, çünkü kapsayıcısının alfa alanı yoktur ve herhangi bir şeyi kodlamadan önce görseli bir arka plan rengine zorlar.
Çekirdek Web Verileri ve görsel biçim seçimi
En büyük görünür öge görüntü alanında ne zaman belirir, işte Largest Contentful Paint bunu saat tutar, ve içerik ağırlıklı sayfaların çoğunda o öge kahraman görseldir. Google bu ölçütü Çekirdek Web Verileri sıralama değerlendirmesine katar. Burada PNG sürekli takılır, çünkü 4K çözünürlükte fotoğrafik bir PNG birkaç megabayta ulaşabilir, oysa aynı kareyi kayıpsıza yakın WebP olarak verdiğinizde dosya bunun ufak bir kesrine iner. PageSpeed Insights tam da bu noktayı yeni nesil biçim önerisinde adlandırır ve değiştirilecek hedef olarak PNG'yi gösterir. Sayfanın ilk boyamasına giren PNG'leri WebP'ye almak, ölçülebilir hızda en yüksek getirili tek hamlelerden sayılır. Geniş tarayıcı geçmişi de bunu güvenceye alır.
Kayıplı çıktı ve neredeyse kayıpsız ayar
WebP, 0'dan 100'e bir kalite düğmesi açar, yüksek sayılar daha çok ayrıntı tutar ve daha çok bayta mal olur. Araluma o düğmeyi, fotoğraflar, arayüz grafikleri ve simgelerden oluşan alışıldık web kategorileri boyunca sadakati boyuta karşı dengelemek için seçilmiş kayıpsıza yakın bir noktada sabitler. Bu noktada çıktı, olağan ekran mesafelerinde kaynak PNG'den ayırt edilemez okunur. Kesin konuşursak, gerçek bir kayıpsız yazıma karşı biraz bit düzeyinde kesinlik kayar, öyle ki çözülmüş WebP ile özgün PNG arasında bayt bayt bir denetim küçük sayısal boşluklar yüzeye çıkarır, hepsi fotoğrafik malzemede insan görüşü eşiğinin altında oturur. Kayıpsızın katı bir kural olduğu tıbbi taramalar, uydu görüntüleri ya da arşiv koruması için doğru hamle, PNG'yi tutmak ve WebP'yi çalışma kopyası değil yalnız bir teslim dışa aktarımı olarak görmektir.
Üst veri davranışı
Bir PNG'yi bir WebP'ye çevirmek, çıktıdan EXIF, IPTC ve XMP alanlarını süpürür, ki üç büyük tarayıcı motorunun her biri tam da bunu yapar. Renk profilleri motorların ayrıldığı yerdir. Chrome ve Safari sRGB etiketini WebP üzerinde tutar, Firefox ise hepsini, ICC profilini de temizler. Böylece WebP her yerde sRGB güvenli okunur, yine de kaynak PNG üzerinde oturan geniş gamlı bir etiket, Display-P3, Adobe RGB, ProPhoto RGB, Firefox boyunca dayanmaz. O boşluk, renge duyarlı profesyonel işte ısırır, bu yüzden gerçek renk sadakatinin yanında gelmesi gerektiğinde, ICC verisini bilerek yazan bir dönüştürücü seçin ya da profil etiketini sonradan bu iş için kurulmuş bir üst veri editörüyle geri bastırın.
Ne zaman PNG kalmalı, ne zaman WebP yeterli
Seçim aslında basittir. Hedef bir web sayfası ya da uygulamasıysa ve onu açan 2020 sonrası bir tarayıcıysa, WebP doğru dışa aktarımdır. Görsel Figma, Sketch ya da Affinity Designer içinde açılacaksa, sürümler arası fark olduğundan önce kendi sürümünüzün WebP'yi tanıdığından emin olun. Baskıya gidecekse, baskı işleyicilerinin çoğu WebP'yi anlamadığından PNG ya da TIFF tercih edin. E-postayla yola çıkacaksa, posta istemcileri yeni biçimlerde tutarsız olduğundan PNG daha emniyetlidir. Sık sık açıp yeniden kaydedeceğiniz bir çalışma dosyasıysa, asıl olarak PNG'yi koruyun. Özetle WebP teslim için, PNG ise saklama ve düzenleme için en uygun olanıdır, ve düzgün akış aslı PNG bırakıp web'e WebP yollar.