फ़ॉर्मैट गाइड

PNG बनाम WebP: आपको कौन सा इस्तेमाल करना चाहिए

उन इमेजेज़ के लिए WebP का उपयोग करें जिन्हें ब्राउज़र प्रदर्शित करेगा। मास्टर फ़ाइलों और हर जगह खुलने वाली किसी भी चीज़ के लिए PNG रखें। दिलचस्प बात यह है कि WebP वास्तव में कितना छोटा हो जाता है, और इसके लिए आपको क्या छोड़ना पड़ता है।

मापा गया अंतर

Google, जिसने यह फॉर्मेट विकसित किया है, आँकड़े प्रकाशित करता है: लॉसलेस WebP इमेजेज़ PNG की तुलना में 26% छोटी होती हैं, और लॉसी WebP इमेजेज़ समान क्वालिटी वाले JPEG की तुलना में 25 से 34% छोटी होती हैं। ये एक टेस्ट सेट के औसत हैं, आपकी विशिष्ट फ़ाइल के बारे में कोई वादा नहीं, लेकिन वे सही उम्मीद तय करते हैं।

आमने-सामने

PNG और WebP की तुलना
विशेषता PNG WebP
कम्प्रेशन मोड केवल लॉसलेस लॉसलेस और लॉसी
सामान्य लॉसलेस साइज़ बेसलाइन लगभग 26% छोटा
पारदर्शिता हाँ हाँ, दोनों मोड में
ट्रांसपेरेंसी की लागत शामिल है लॉसलेस मोड में लगभग 22% अतिरिक्त बाइट्स
एनिमेशन APNG, सीमित सपोर्ट हाँ, व्यापक रूप से सपोर्टेड
वर्तमान ब्राउज़र में खुलता है हर जगह हर जगह
पुराने सॉफ़्टवेयर में खुलता है हर जगह कभी-कभी नहीं

आकार और पारदर्शिता के आंकड़े Google के WebP documentation से आते हैं, जो यह भी बताता है कि पारदर्शिता के साथ lossy WebP आमतौर पर समान PNG से तीन गुना छोटा होता है।

WebP कहाँ बेहतर है

  • आपके अपने पेज पर मौजूद इमेज हर वर्तमान ब्राउज़र WebP प्रदर्शित करता है। आपके इमेज के वजन में एक चौथाई की कमी मोबाइल कनेक्शन पर वास्तविक गति लाभ है।
  • फ़ोटोग्राफ़िक सामग्री के साथ पारदर्शी ग्राफ़िक्स फ़ोटोग्राफ़िक बैकग्राउंड पर एक लोगो वह जगह है जहाँ alpha के साथ lossy WebP, PNG से सबसे आगे निकल जाता है।
  • बड़े स्क्रीनशॉट और UI कैप्चर सपाट रंग और स्पष्ट टेक्स्ट lossless WebP में अच्छी तरह से कंप्रेस होते हैं, इसलिए आप सटीक पिक्सेल बनाए रखते हैं और फ़ाइल का आकार कम कर देते हैं।
  • जहाँ भी बैंडविड्थ की सीमा हो ईमेल न्यूज़लेटर, दस्तावेज़ीकरण साइटें, और अधिक इमेज वाले कैटलॉग।

जहाँ PNG अभी भी सही है

PNG को मास्टर कॉपी के रूप में रखें। डिलीवरी कॉपी को कन्वर्ट करें। यह एक नियम नीचे दिए गए अधिकांश मामलों को कवर करता है।

  1. वे फ़ाइलें जिन्हें आप फिर से एडिट करेंगे किसी lossy फ़ॉर्मेट के माध्यम से बार-बार सेव करने से हर बार इमेज की गुणवत्ता थोड़ी कम हो जाती है। एक lossless मास्टर इस समस्या को पूरी तरह से टाल देता है।
  2. प्रिंट और डिज़ाइन वर्कफ़्लो कई लेआउट और प्रीप्रेस सॉफ़्टवेयर अभी भी PNG या TIFF की उम्मीद करते हैं। प्रिंटर को WebP देने पर आपको ऐसा ईमेल मिल सकता है जो आप नहीं चाहते।
  3. कुछ भी जो पुराना सिस्टम खोलता है विरासत वाले आंतरिक टूल, पुराने दस्तावेज़ व्यूअर, और कुछ अपलोड फ़ॉर्म WebP को सीधे तौर पर अस्वीकार कर देते हैं।
  4. वे फ़ाइलें जो आप अन्य लोगों को भेजते हैं पुरानी मशीन पर काम करने वाला कोई सहकर्मी शायद इस पर डबल-क्लिक न कर पाए। यही पूरा कारण है कि webp to png converter का उपयोग किया जाता है।

Lossless या lossy WebP

WebP एक फ़ाइल एक्सटेंशन वाले दो फ़ॉर्मेट हैं। Lossless मोड हर पिक्सेल को बिल्कुल वैसा ही रखता है। Lossy मोड उन विवरणों को हटा देता है जिन्हें एनकोडर के अनुसार आप नोटिस नहीं करेंगे, और फ़ाइल बहुत छोटी हो जाती है।

लोगो, आरेख, स्क्रीनशॉट, और कठोर किनारों या टेक्स्ट वाली किसी भी चीज़ के लिए lossless चुनें। फ़ोटोग्राफ़ और उन बैकग्राउंड के लिए lossy चुनें जहाँ कोई ज़ूम इन नहीं करेगा। Lossy सेटिंग पर टेक्स्ट अक्षरों के चारों ओर हल्के घेरे बना लेता है, जो वह आर्टिफैक्ट है जिसे लोग सबसे पहले नोटिस करते हैं।

Vaultaire converter दोनों विकल्प प्रदान करता है। Lossless मोड में यह नई फ़ाइल को वापस पढ़ता है और डाउनलोड को तब तक ब्लॉक करता है जब तक कि आउटपुट वास्तव में एक lossless VP8L इमेज न हो जिसके पिक्सेल मेल खाते हों। आंशिक रूप से पारदर्शी रंग के लिए प्रति प्रीमल्टीप्लाइड 8-बिट चैनल में अधिकतम 2 की सहनशीलता के साथ, Alpha मान बिल्कुल मेल खाने चाहिए, क्योंकि नेटिव ब्राउज़र एनकोडर उन मानों को राउंड करते हैं।

कन्वर्ज़न मेटाडेटा के साथ क्या करता है

कन्वर्ट करना फ़ाइल से जुड़ी चीज़ों को हटाने का एक तरीका भी है। कनवर्टर स्रोत EXIF, ICC, टेक्स्ट, समय, या C2PA रिकॉर्ड को नए WebP में कॉपी नहीं करता है, फिर एक स्वतंत्र पार्सर के साथ तैयार फ़ाइल को स्कैन करता है और यदि कोई रिकॉर्ड मिलता है तो डाउनलोड को लॉक रखता है।

यह तब मायने रखता है जब PNG किसी फ़ोन स्क्रीनशॉट, कैमरा एक्सपोर्ट, या इमेज जनरेटर से आया हो। यदि आप निर्णय लेने से पहले यह देखना चाहते हैं कि क्या जुड़ा हुआ है, तो metadata inspector इसे सूचीबद्ध करता है। सब कुछ ब्राउज़र वर्कर में चलता है, और फ़ाइल कभी अपलोड नहीं होती है।

कनवर्टर पर व्यावहारिक सीमाएँ: एक स्थिर PNG, 20 MB तक, किसी भी तरफ 4,096 पिक्सेल, और कुल 16,000,000 पिक्सेल। एनिमेटेड PNG को चुपचाप इसके पहले फ्रेम के रूप में एक्सपोर्ट करने के बजाय डिकोड करने से पहले ही अस्वीकार कर दिया जाता है।

PNG और WebP FAQ

क्या WebP, PNG से बेहतर है?

आमतौर पर, वेब पर दिखाई जाने वाली इमेज के लिए। Google के अनुसार lossless WebP, PNG से 26% छोटा होता है। PNG अभी भी तब बेहतर है जब किसी टूल, प्रिंटर, या सहकर्मी को उस फ़ॉर्मेट की आवश्यकता हो जिसे हर चीज़ ने दशकों से सपोर्ट किया है।

क्या WebP ट्रांसपेरेंसी को सपोर्ट करता है?

हाँ, दोनों मोड में। Google के अनुसार lossless WebP में alpha लगभग 22% अतिरिक्त बाइट्स लेता है, और कहता है कि पारदर्शिता के साथ lossy WebP आमतौर पर समान PNG से तीन गुना छोटा होता है।

क्या PNG को WebP में कन्वर्ट करने से क्वालिटी कम होती है?

Lossless मोड में नहीं, जो हर पिक्सेल को बनाए रखता है। Lossy मोड जानबूझकर पिक्सेल बदलता है। कनवर्टर तैयार फ़ाइल को वापस पढ़ता है और डाउनलोड को तब तक ब्लॉक करता है जब तक कि lossless कन्वर्ज़न ने वास्तव में एक lossless VP8L इमेज न बनाई हो।

मुझे PNG कब रखना चाहिए?

उन मास्टर्स के लिए जिन्हें आप फिर से एडिट करेंगे, प्रिंट और डिज़ाइन सॉफ़्टवेयर के लिए जो इसकी उम्मीद करते हैं, किसी भी ऐसी चीज़ के लिए जिसे पुराने सिस्टम को खोलना चाहिए, और संग्रहीत स्क्रीनशॉट के लिए। मूल को बदलने के बजाय एक डिलीवरी कॉपी को कन्वर्ट करें।

क्या WebP SEO के लिए खराब है?

नहीं। छोटी इमेज तेज़ी से लोड होती हैं और पेज की गति रैंकिंग में योगदान देती है। ऐसा फ़ॉर्मेट सर्व करें जिसे विज़िटर का ब्राउज़र स्वीकार करता हो और अपने alt टेक्स्ट और फ़ाइल नामकरण को वैसा ही रखें।

क्या मैं बाद में वापस PNG में कन्वर्ट कर सकता हूँ?

हाँ, और PNG एन्कोडिंग रेंडर किए गए पिक्सेल से lossless है। यह पहले के lossy पास को पूर्ववत नहीं कर सकता है, इसलिए वापस PNG में कन्वर्ट किया गया lossy WebP एक बड़ी फ़ाइल होती है जिसमें पहले से ही खराब हो चुके पिक्सेल होते हैं।