PNG से WebP: केवल पारदर्शिता नहीं, आइकन के किनारे भी जांचें
आइकन पारदर्शी रहकर भी छोटे शब्द की साफ दिखावट खो सकता है। पारदर्शिता और रंग की निष्ठा अलग बातें हैं; पहली बचने से ही नई प्रति स्वीकार्य नहीं होती।
पारदर्शी का मतलब हर पिक्सेल समान नहीं
WebP पारदर्शिता के साथ हानिपूर्ण रंग संपीड़न रख सकता है। हानिरहित मोड भी है, पर एक्सटेंशन या पारदर्शी पृष्ठभूमि नहीं बताती कि कौन-सा इस्तेमाल हुआ।
यह ToolRoof मार्ग हानिपूर्ण WebP बनाता है। रंग के किनारे और छोटे अक्षर जांचें; संभावित आकार बचत से मूल चित्र की समानता ज्यादा महत्वपूर्ण हो तो PNG रखें।
संदर्भ: Google WebP — Quality and lossless encoding are separate controls
असली पृष्ठभूमियों पर देखें
नतीजा हल्के और गहरे दोनों रंगों पर रखें। कोमल छाया और अर्धपारदर्शी किनारे की समस्या किसी एक पर ही दिख सकती है।
पारदर्शी खाली सीमा बेकार नहीं होती; समान बटन में आइकन सीध में रख सकती है। केवल बाइट बचाने के लिए काटना इंटरफ़ेस का क्रम बदल सकता है।
कम रंग के चित्र की अलग तुलना करें
हानिपूर्ण WebP, कम रंग वाले PNG से बड़ा हो सकता है। अलग फोटो की सफल जांच पर सभी आइकन न बदलें।
अंतिम आकार में पढ़ना, सही पृष्ठभूमि और असली बचत जांचें। मुख्य शर्त पूरी न हो तो PNG रखना उचित निर्णय है।
संदर्भ: Google WebP — File size, format features and limitations
उदाहरण: आइकन का क्षेत्र फ़ाइल आकार नहीं
256 × 256 पिक्सेल आइकन में हर ओर 32 पिक्सेल पारदर्शी सीमा है। बीच का भाग 192 × 192 = 36864 पिक्सेल, कैनवस का 56.25% है। यह ज्यामितीय क्षेत्र अनुपात है, संपीड़न की भविष्यवाणी नहीं।
पूरा कैनवस 64 पिक्सेल चौड़ा दिखे तो बीच का भाग 48 चौड़ा होगा। उसी आकार और दोनों पृष्ठभूमियों पर देखें। थोड़े बाइट बचाने की छिपी कीमत सीमा या बारीक रेखा का नुकसान न हो।