इस गैलरी का कॉन्टेंट
यह गैलरी WebP के दो नए मोड दिखाने के लिए कुछ सैंपल इमेज पेश करती है: ऐल्फ़ा (पारदर्शिता के साथ) के साथ WebP-lossless और WebP-lossy.
साथ-साथ तुलना
नीचे दी गई टेबल में PNG इमेज (pngcrush और pngout के साथ कंप्रेस की गई), WebP-लॉसी इमेज और ऐल्फ़ा के साथ WebP-लॉसी इमेज दी गई हैं, ताकि साथ-साथ तुलना की जा सके. इमेज, चेक के आकार वाले बैकग्राउंड के ऊपर लगाई जाती हैं, जैसा कि आम तौर पर ग्राफ़िक सॉफ़्टवेयर में किया जाता है.
ध्यान दें कि हमने WebP-लॉसी इमेज के लिए, WebP क्वालिटी 90 का इस्तेमाल किया है. साथ ही, WebP-लॉसी इमेज के लिए, डिफ़ॉल्ट क्वालिटी का इस्तेमाल किया है. ज़्यादा जानकारी के लिए, इमेज फिर से बनाना सेक्शन देखें.
हम WebP इमेज को उन ब्राउज़र के लिए पेश करते हैं जो WebP को रेंडर नहीं कर पाते. इन इमेज को वापस PNG में बदल दिया जाता है. अगर आपके पास ऐसा ब्राउज़र है जिस पर यह सुविधा काम करती है, तो WebP फ़ाइलों के लिंक यहां दिए गए हैं. साथ ही, इस पेज पर मौजूद इमेज का साइज़ छोटा किया गया है, ताकि वे आसानी से दिखें. पूरे साइज़ की इमेज देखने के लिए, किसी भी इमेज पर क्लिक करें.
टेबल में हर मोड में मिले इमेज का साइज़ भी दिखता है.
PNG | WebP-लॉसलेस | WebP-लॉसी (ऐल्फ़ा के साथ) |
---|---|---|
"पीला गुलाब" 1 | ||
PNG के लिए ऑप्टिमाइज़ की गई फ़ाइल का साइज़: 110.7 केबी |
WebP-लॉसलेस फ़ाइल का साइज़: 79.9 केबी |
WebP-लॉसी (ऐल्फ़ा के साथ) फ़ाइल का साइज़: 17.7 केबी |
"मेरे उपयोगकर्ता पेज के लिए बेबी टक्स" 2 | ||
PNG के लिए ऑप्टिमाइज़ की गई फ़ाइल का साइज़: 38.1 केबी |
WebP-लॉसलेस फ़ाइल का साइज़: 27.0 केबी |
WebP-लॉसी (ऐल्फ़ा के साथ) फ़ाइल का साइज़: 13.8 केबी |
"PNG पारदर्शिता का डेमो" 3 | ||
PNG के लिए ऑप्टिमाइज़ की गई फ़ाइल का साइज़: 213.5 केबी |
WebP-लॉसलेस फ़ाइल का साइज़: 149.0 केबी |
WebP-लॉसी (ऐल्फ़ा के साथ) फ़ाइल साइज़: 51.6 केबी |
"ग्रेगर मेंडल की 189वीं जयंती" 4 | ||
PNG के लिए ऑप्टिमाइज़ की गई फ़ाइल का साइज़: 49.2 केबी |
WebP-लॉसलेस फ़ाइल का साइज़: 33.2 केबी |
WebP-लॉसी (ऐल्फ़ा के साथ) फ़ाइल का साइज़: 18.3 केबी |
"ओवरले के लिए पारदर्शी कंपास कार्ड" 5 | ||
PNG के लिए ऑप्टिमाइज़ की गई फ़ाइल का साइज़: 126.8 केबी |
WebP-लॉसलेस फ़ाइल का साइज़: 97.1 केबी |
WebP-लॉसी (ऐल्फ़ा के साथ) फ़ाइल का साइज़: 57.3 केबी |
यहां WebP फ़ाइलों के लिंक दिए गए हैं (Chrome 22 और इसके बाद के वर्शन में देखे जा सकते हैं):
"पीला रोज़": | WebP-लॉसलेस फ़ाइल (80.1 केबी) | WebP-लॉसी (ऐल्फ़ा के साथ) फ़ाइल (18.4 केबी) |
"मेरे उपयोगकर्ता पेज के लिए बेबी टक्स": | WebP-लॉसलेस फ़ाइल (27.0 केबी) | WebP-लॉसी (ऐल्फ़ा के साथ) फ़ाइल (14.1 केबी) |
"पीएनजी ट्रांसपरेंसी डेमो: | WebP-लॉसलेस फ़ाइल (149.1 केबी) | WebP-लॉसी (ऐल्फ़ा के साथ) फ़ाइल (52.6 केबी) |
"ग्रेगर मेंडल की 189वीं जयंती": | WebP-लॉसलेस फ़ाइल (33.3 केबी) | WebP-लॉसी (ऐल्फ़ा के साथ) फ़ाइल (19.0 केबी) |
"ओवरले के लिए पारदर्शी कंपास कार्ड": | WebP-लॉसलेस फ़ाइल (97.1 केबी) | WebP-लॉसी (ऐल्फ़ा के साथ) फ़ाइल (57.3 केबी) |
इमेज क्रेडिट
इस पेज पर दिखने वाली इमेज कई अलग-अलग सोर्स से ली गई हैं. ऊपर दी गई इमेज के क्रेडिट यहां क्रम से दिए गए हैं.
1 |
"हाई रिज़ॉल्यूशन में मुफ़्त स्टॉक फ़ोटो - पीला गुलाब 3 - फूल" इमेज के लेखक: जॉन सुलिवन यह फ़ाइल सभी के लिए उपलब्ध है. JPEG सोर्स |
2 |
"मेरे उपयोगकर्ता पेज के लिए बेबी टक्स" इमेज के लेखक: Fizyplankton यह फ़ाइल सभी के लिए उपलब्ध है. PNG सोर्स |
3 |
"PNG पारदर्शिता प्रदर्शन" इमेज का लेखक: POV-Ray सोर्स कोड फ़ोटो को क्रिएटिव कॉमंस एट्रिब्यूशन-शेयर अलाइक 3.0 अनपोर्टेड लाइसेंस के तहत लाइसेंस मिला है. PNG सोर्स |
4 |
"ग्रेगर मेंडल का 189वां जन्मदिन" इमेज के लेखक: Google डूडल की टीम इस इमेज के लिए, Google डूडल की टीम को धन्यवाद. PNG सोर्स |
5 |
"ओवरले के लिए पारदर्शी कंपास कार्ड" इमेज लेखक: Denelson83 इस फ़ाइल को क्रिएटिव कॉमंस एट्रिब्यूशन-शेयर अलाइक 3.0 अनपोर्टेड लाइसेंस के तहत लाइसेंस मिला है. PNG सोर्स |
इमेज फिर से बनाना
यहां, इस गैलरी में इमेज जनरेट करते समय शामिल किए गए सटीक चरणों के बारे में बताया गया है. इन चरणों को दोबारा बनाने और कुछ WebP कंप्रेस करने के पैरामीटर का इस्तेमाल दिखाने के लिए किया जाता है.
टूल
इमेज को PNG फ़ॉर्मैट में फिर से कंप्रेस करने के लिए, pngcrush 1.8.13 और ZopfliPNG 1.0.3 के सबसे अच्छे नतीजे का इस्तेमाल किया जाता है. नीचे दिए गए कमांड लाइन विकल्पों का इस्तेमाल किया जाता है
Pngक्रश:
pngcrush -brute -rem tEXt -rem tIME -rem iTXt -rem zTXt -rem gAMA -rem cHRM -rem iCCP -rem sRGB -rem alla -rem text input.png output-candidate.png
ZopfliPNG:
zopflipng --lossy_transparent input.png output-candidate.png
सभी फ़िल्टर के साथ ZopfliPNG:
zopflipng --iterations=500 --filters=01234mepb --lossy_8bit --lossy_transparent input.png output-candidate.png
कुछ बड़े सोर्स की तस्वीरों का साइज़ बदलने के लिए (सिर्फ़ देखने के लिए), हमने convert
नाम के ImageMagick टूल के नए वर्शन का इस्तेमाल किया. यह टूल https://www.imagemagick.org पर उपलब्ध है. सटीक कमांड-लाइन इस तरह थी:
convert image.png -resize 240x image_resized.png
WebP-लॉसलेस के हिसाब से कंप्रेस करना
हमने PNG को WebP-लेसलेस में बदलने के लिए cwebp टूल में 'लॉसलेस' विकल्प का इस्तेमाल किया. कम से कम आउटपुट पाने के लिए, इस्तेमाल की गई सटीक कमांड लाइन इस तरह थी:
cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp
WebP-लॉसलेस रेंडर करना
रेंडरिंग के लिए, हमने dwebp टूल का इस्तेमाल करके, WebP-लॉसलेस इमेज को वापस PNG में बदल दिया है. इस्तेमाल की गई कमांड लाइन इस तरह थी:
dwebp webp_lossless.webp -o output.png
WebP-लॉसी में कंप्रेस करना (ऐल्फ़ा के साथ)
हमने PNG को WebP-लॉसी (ऐल्फ़ा के साथ) में बदलने के लिए cwebp टूल का इस्तेमाल किया. हमने WebP क्वालिटी के लिए 90 (लॉसी कंप्रेशन) और ऐल्फ़ा क्वालिटी 100 (लॉसलेस कंप्रेशन) को चुना है. इस्तेमाल की गई कमांड लाइन इस तरह थी:
cwebp input.png -q 90 -alpha_q 100 -m 6 -o webp_alpha.webp
WebP-लॉसी रेंडर किया जा रहा है (ऐल्फ़ा के साथ)
हमने रेंडर करने के लिए, WebP-लॉसी (ऐल्फ़ा के साथ) वाली इमेज को वापस PNG में बदल दिया है. इसके लिए, हमने डेमो वाले टूल का इस्तेमाल किया है. इस्तेमाल की गई कमांड लाइन इस तरह थी:
dwebp webp_alpha.webp -o output.png