Opak bir PNG'yi WebP'ye dönüştürün ve sonucu karşılaştırın

Fotoğrafik bir PNG, bir web sitesi için WebP olarak test etmeye değer olabilir. Bir tasarım aracından, işlenmiş bir oda sahnesinden veya düzleştirilmiş bir tanıtım grafiğinden dışa aktarılan bir kamera görüntüsü olabilir. PNG'yi hemen silmek yerine ayrı bir dışa aktarma yapın ve orijinaliyle karşılaştırın. Dosya boyutu görüntüye bağlıdır, bu nedenle faydalı tasarruf, gerçekten ölçtüğünüz şeydir.

Şeffaflığın burada özel bir özene ihtiyacı var. WebP formatı alfayı depolayabilse de, bu araç şu anda WebP çıktısını beyaz bir arka plan üzerinde işliyor. Şeffaf bir girdi bu nedenle ihracattaki bu şeffaf alanı kaybeder. Farklı arka planlarda oturması gereken logolar, kesikler ve bindirmeler için PNG'yi saklayın ve bu dönüşümü opak bir sonucun uygun olduğu görüntüler için kullanın.

Ön ayar, boyutları korur ve keskinleştirme ile %90 kalitede başlar. Küçük metinli bir dosyayı ve fotoğrafik arka plana sahip diğerini deneyin. İnce kenarları, renkli harfleri ve pürüzsüz gradyanları inceleyin. Bir tasarım, amaçlanan boyutta görüntülendiğinde bir etiketin yanında renkli haleler gösterirken bir bakışta iyi görünebilir.

PNG, bir arayüzün ekran görüntüsüyse, okunabilirlik birkaç bayt tıraş etmekten daha önemli olabilir. bir karşılaştırma PNG dışa aktarma Veya WebP kritik ayrıntıları yumuşattığında kaynağı saklayın. Büyük bir opak fotoğraf için, kaliteyi daha da düşürmeden önce gerçek ekran sınırlarına uyumu test edin. Web sitesi onları hiçbir zaman göstermediğinde, gereksiz pikselleri ilk önce azaltın, ancak amaçlanan yerleşim için yeterli çözünürlüğü koruyun.

WebP Kalite Kaydırıcısı, bu dışa aktarmanın kayıplı kodlamasını kontrol eder. Daha yüksek bir ayar, kaynakta eksik olan ayrıntıları geri yüklemez ve aynı sayı, farklı biçimlerde aynı görsel sonucu ima etmez. Bir karşılaştırma aracı olarak kullanın: Biraz ayarlayın, sonucu inceleyin ve kendi kalite ihtiyaçlarınızı karşılayan en küçük sürümü koruyun.

PNG bu kalite kontrolünü aynı şekilde kullanmaz, bu nedenle uzantıyı değiştirmek gerçek bir iş akışı seçimidir. PNG'niz küçük diyagram etiketleri veya kesin renk sınırları içeriyorsa, dosya daha büyük olsa bile PNG doğru karar olabilir. Bu dönüştürücü, bir PNG renk paletini azaltmaz, kayıpsız bir WebP ayarı yapmaz veya düzleştirilmiş bir grafik içindeki nesneleri ve katmanları düzenlemez.

Dönüştürülen görüntüyü indirin ve gerçek web sitesi sisteminizdeki bir test sayfasına yükleyin. Tarayıcının WebP'yi aldığını, görüntülenen kırpmanın doğru olduğunu ve hiçbir şeffaf kenarın beklenmedik bir şekilde beyazlaşmasını onaylayın. Özellikle kaynak karanlık bir bölüm için tasarlanmışsa, sayfa arka planına karşı görüntüleyin. Dönüşüm, yalnızca bir dosya önizlemesinde değil, bağlamda kontrol edilmelidir.

Ardından mobil ekranı inceleyin. Büyük bir pazarlama grafiği, yazıları bir telefonda okunamaz hale geldiğinde daha sıkıştırılmış bir kopya yerine daha basit bir düzene ihtiyaç duyabilir. Duyarlı görüntü seçimi ve ayrılmış boyutlar ayrı web sitesi görevleri olarak kalır. Numune sağlam olduğunda, eşleşen dosyaları birlikte işleyin. Bu dönüşüm sırasında görüntü verileriniz tarayıcıda kalır ve kaynak PNG değişmeden kalır.

Örneğin, herhangi bir marka varlığını dönüştürmeden önce şeffaf pikseller üzerinde beyaz bir kelimeyi test edin. Beyaz opak bir çıktı, tek başına bir dosya boyutu karşılaştırmasının kaçıracağı işareti tamamen gizleyebilir.