इस गैलरी का कॉन्टेंट
इस गैलरी में, WebP के दो नए मोड दिखाने के लिए कुछ सैंपल इमेज दी गई हैं: ऐल्फ़ा (पारदर्शिता सहायता) के साथ WebP-लॉसलेस और WebP-लॉसी.
साथ-साथ तुलना
नीचे दी गई टेबल में PNG इमेज दी गई हैं. इमेज को pngcrush और pngout के साथ कंप्रेस किया गया है, साथ-साथ इस्तेमाल करने के लिए, ऐल्फ़ा वर्शन वाली WebP-लॉसलेस इमेज और WebP-लॉसी इमेज तुलना. इमेज को आम तौर पर चेक वाले बैकग्राउंड के ऊपर रखा गया है सॉफ़्टवेयर बनाने के लिए किया जा सकता है.
ध्यान दें कि हमने ऐल्फ़ा और WebP-लॉसलेस इमेज के लिए डिफ़ॉल्ट क्वालिटी. यहां जाएं: ज़्यादा जानकारी के लिए, इमेज को दोहराया जा रहा है सेक्शन.
हम WebP इमेज को उन ब्राउज़र के लिए दिखाते हैं -- जिन्हें वापस PNG में बदल दिया गया है -- WebP को रेंडर कर सकेगा. अगर आपके पास कोई संगत ब्राउज़र है, तो आप 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-lossy (ऐल्फ़ा के साथ) फ़ाइल (52.6 केबी) |
| "ग्रेगर मेंडल की 189वीं जयंती": | WebP-लॉसलेस फ़ाइल (33.3 केबी) | WebP-लॉसी (ऐल्फ़ा के साथ) फ़ाइल (19.0 केबी) |
| "ओवरले के लिए पारदर्शी कंपास कार्ड": | WebP-लॉसलेस फ़ाइल (97.1 केबी) | WebP-लॉसी (ऐल्फ़ा के साथ) फ़ाइल (57.3 केबी) |
इमेज क्रेडिट
इस पेज पर मौजूद इमेज, कई अलग-अलग सोर्स से ली गई हैं. इसके लिए क्रेडिट ऊपर दी गई इमेज यहां क्रम से दी गई हैं.
| 1 |
"हाई रिज़ॉल्यूशन में फ़्री स्टॉक फ़ोटो - पीला रोज़ 3 - फूल" इमेज लेखक: जॉन सुलिवन यह फ़ाइल सभी के लिए उपलब्ध है. अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है JPEG सोर्स |
| 2 |
"मेरे उपयोगकर्ता पेज के लिए बेबी टक्स" इमेज लेखक: फ़िज़ीप्लैंकटन यह फ़ाइल सभी के लिए उपलब्ध है. अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है 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 से सबसे सही नतीजा मिलता है का इस्तेमाल किया जाता है. इन कमांड लाइन विकल्पों का इस्तेमाल किया गया है
Pngcrush:
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 --lossy_transparent input.png output-candidate.png
सभी फ़िल्टर के साथ ZopfliPNG:
zopflipng --iterations=500 --filters=01234mepb --lossy_8bit --lossy_transparent input.png output-candidate.png
कुछ बड़े सोर्स वाली तस्वीरों को फिर से स्केल करने के लिए (सिर्फ़ देखने के लिए), हमने एक
ImageMagick के convert टूल का नया वर्शन, यहां उपलब्ध है:
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-लॉसी (ऐल्फ़ा के साथ) इमेज को dwebp टूल का इस्तेमाल करके वापस PNG में बदल दिया रेंडरिंग. यहां सटीक कमांड लाइन इस्तेमाल की गई:
dwebp webp_alpha.webp -o output.png