PNG'yi WebP'ye dönüştür
PNG tasarımcıların dışa aktardığı format, WebP ise web sitelerinin sunması gereken format. Dönüştürme, şeffaflığı bozmadan dosya boyutunu üçte iki veya daha fazla düşürür ve her güncel tarayıcı sonucu gösterebilir. Dönüştürme cihazınızda çalışır, dolayısıyla hiçbir şey yüklenmez.
Dosyaları buraya bırakın veya seçmek için tıklayın
Sonuçlar
PNG WebP'ye nasıl dönüştürülür
- Aşağıdaki araca bir veya birçok PNG görseli bırakın.
- Çıktı formatı zaten WebP olarak ayarlı. İsterseniz kaliteyi ayarlayın.
- Dönüştürmek için Çalıştır'a tıklayın.
- Her WebP'yi indirin veya hepsini ZIP olarak alın.
PNG dosyaları neden bu kadar büyük
PNG kayıpsızdır. Her piksel tam olarak saklanır; bu onu logolar, ekran görüntüleri ve arayüz grafikleri için kusursuz yapar ve aynı zamanda bir PNG fotoğrafının aynı resmin JPG hâlinden 10-20 kat büyük olabilmesinin nedenidir. Tasarım araçları güvenli olduğu için PNG dışa aktarmayı varsayılan yapar, verimli olduğu için değil. Sonuç, pek çok web sitesinin birkaç yüz kilobayt olabilecek görseller için birkaç megabaytlık PNG'ler sunmasıdır.
WebP'nin farkı
WebP, Google tarafından özellikle web için tasarlandı. İki modu vardır. Kayıplı WebP video sıkıştırmasına benzer tahmin ve dönüşüm kodlaması kullanır ve tipik olarak aynı görsel kalitede JPG'den %25-35 daha küçük, PNG'den çok daha küçük dosyalar üretir. Kayıpsız WebP pikselleri tam olarak PNG gibi saklar ama daha akıllı bir sıkıştırma şemasıyla, genellikle optimize edilmiş PNG'den %20-30 daha küçüktür. Her iki mod da şeffaflığı destekler; PNG'den WebP'ye dönüşümün bu kadar yaygın olmasının ana nedeni budur: PNG boyut bedelini ödemeden alfa kanalı tutmanıza izin veren ilk yaygın destekli formattır.
Kalite ayarı seçmek
| Kaynak PNG içeriği | Önerilen WebP kalitesi | Sonuç |
|---|---|---|
| Logo, simge, düz illüstrasyon | 90-100 | Keskin kenarlar korunur, yine de PNG'den %50+ küçük |
| Metinli ekran görüntüsü | 85-95 | Metin okunur kalır, tipik olarak %60-70 daha küçük |
| Fotoğraf veya 3B render | 75-85 | Normal boyutta görsel olarak aynı, %80-90 daha küçük |
| Şeffaf ürün kesiti | 85-90 | Kenarlar temiz kalır, alfa kanalı korunur |
WebP nerede kullanılır
Görüntüleyicinin tarayıcı olduğu her yerde WebP sunun: web siteniz, web uygulamanız, modern istemcileri hedefleyen e-posta şablonları ve görsel CDN'leri. WordPress, Shopify, Webflow, Squarespace ve Wix bugün WebP yüklemelerini kabul ediyor. Aynı zamanda eski bir görüntüleyiciyi desteklemeniz gerekiyorsa standart yaklaşım, önce WebP kaynağı ve PNG veya JPG yedeği olan HTML <picture> öğesidir.
Baskı teslimi, ana çalışmaları arşivleme veya dosyayı eski bir Photoshop ya da Illustrator sürümünde açacak bir müşteriye gönderme için WebP'ye dönüştürmeyin. PNG ana kopyayı saklayın ve WebP'yi teslim formatı olarak görün.
Toplu dönüştürme
Dışa aktarılmış PNG varlıklarından oluşan koca bir klasör aynı anda bırakılabilir. Her biri aynı kalite ayarıyla dönüştürülür ve sonuçlar orijinal dosya adları ve .webp uzantısıyla tek ZIP olarak indirilir; dolayısıyla projeye yerleştirmek uzantıda bul-değiştir yapmaktan ibarettir.
Sıkça sorulan sorular
WebP, PNG'mdeki şeffaf arka planı korur mu?
Evet. WebP tam 8 bit alfa kanalı destekler, dolayısıyla yumuşak kenarlar, gölgeler ve yarı şeffaf alanlar PNG'de olduğu gibi aynen aktarılır.
Kayıpsız mı yoksa kayıplı WebP mi kullanmalıyım?
Keskin metinli logolar, simgeler ve ekran görüntüleri için sonucun net kalması adına yüksek bir kalite ayarı kullanın. PNG olarak dışa aktarılmış fotoğraflar için 80-85 kalite, görünür kayıp olmadan büyük tasarruf sağlar.
Hangi tarayıcılar ve uygulamalar WebP açar?
Chrome, Edge, Firefox, Safari (sürüm 14'ten beri) ve her güncel mobil tarayıcı WebP gösterir. Windows Fotoğraflar ve macOS Önizleme açar. Bazı eski masaüstü yazılımları ve e-posta istemcileri açmaz; onlar için bir PNG veya JPG saklayın.
WebP'm neden bazen PNG'den büyük?
32 piksellik bir simge gibi çok az renkli minik görseller PNG olarak zaten minimum boyutlarına yakın olabilir. WebP birkaç yüz pikselden büyük her şeyde parlar.
Dosyalarınız cihazınızdan asla ayrılmaz
Squishly Tools'daki her araç %100 ücretsizdir ve tamamen tarayıcınızın içinde çalışır. Görselleriniz ve belgeleriniz kendi bilgisayarınızda işlenir ve asla bir sunucuya yüklenmez. Hesap yok, filigran yok ve gizli bir bedel yok.