WebP गैलरी

इस गैलरी पेज को WebP पर काम करने वाले ब्राउज़र में सबसे अच्छी तरह देखा जा सकता है. उदाहरण के लिए, Google Chrome, Opera और अन्य.

अगर आपके पास Google Chrome का ऐक्सेस नहीं है, तो इमेज को अपने लोकल ड्राइव पर डाउनलोड करें. ऐसा करके, WebP फ़ॉर्मैट के साथ काम करने वाले अन्य प्रॉडक्ट के साथ इमेज का इस्तेमाल किया जा सकता है.

JPEG और WebP फ़ॉर्मैट में, PNG सोर्स में इमेज की सैंपल फ़ाइलें

नीचे दी गई टेबल में, तुलना के लिए JPEG (बाईं ओर) और WebP इमेज (दाईं ओर) एक साथ दिखाई गई हैं. ब्राउज़र पहले की तरह WebP के साथ काम करते हैं, इसलिए हम WebP इमेज को PNG कंटेनर में नहीं रखते, जैसा कि हमने लॉन्च के समय किया था. इमेज फ़ाइल का साइज़ बिलकुल सटीक होता है. JPEG और WebP थंबनेल पर क्लिक करने से बड़े साइज़ की इमेज, एक नए टैब में खुलेंगी

थंबनेल के नीचे फ़ाइल का साइज़, थंबनेल पर क्लिक करते समय देखी गई इमेज के फ़ाइल साइज़ के मुताबिक होता है. WebP वाली इमेज, JPEG इमेज की तुलना में 30% से ज़्यादा छोटी हैं.

JPEG

WebP

"Nærøyfjorden, नॉर्वे - Breiskrednosi से. यूनेस्को वर्ल्ड हेरिटेज" 1

JPEG फ़ाइल का साइज़: 43.84 केबी
WebP इमेज
WebP फ़ाइल का साइज़: 29.61 केबी
"एक्स्ट्रीमस्पोर्टवेको, वॉस में कायाकर". 2

JPEG फ़ाइल का साइज़: 86.25 केबी
WebP इमेज
WebP फ़ाइल का साइज़: 59.18 केबी
"पार्करन" सीक्वेंस का फ़्रेम 10 3

JPEG फ़ाइल का साइज़: 297.05 केबी
WebP इमेज
WebP फ़ाइल का साइज़: 198.38 केबी
इमेज: "फूल में जंगली चेरी (प्रूनस एवियम)" 4

JPEG फ़ाइल का साइज़: 251.03 केबी
WebP इमेज
WebP फ़ाइल का साइज़: 172.82 केबी
इमेज: फ़ायर ब्रीदिंग "जयपुर महाराजा ब्रास बैंड" चैसीपियर बेल्जियम 5

JPEG फ़ाइल का साइज़: 120.78 केबी
WebP इमेज
WebP फ़ाइल का साइज़: 80.76 केबी

इमेज क्रेडिट

इस पेज पर दिखने वाली इमेज कई अलग-अलग सोर्स से ली गई हैं. WebP की खासियत दिखाने के लिए, हमने कुछ बेहतरीन और बेहतर तस्वीरों को चुना है. लीना, बबून वगैरह जैसी मशहूर क्लासिक इमेज का इस्तेमाल अक्सर, कंप्रेशन की तुलना करते समय किया जाता है. हालांकि, ये इमेज कॉपीराइट के दायरे में नहीं आती हैं.

ऊपर दी गई इमेज के क्रेडिट यहां क्रम में दिए गए हैं.

1 "Nærøyfjorden, नॉर्वे - Breiskrednosi से. यूनेस्को वर्ल्ड हेरिटेज"
इमेज के लेखक: जेटिल बर्कलैंड मो
लेखक की अनुमति से दोबारा बनाई गई.
PNG सोर्स
लेखक की ब्लॉग पोस्ट, जिसमें JPEG और WebP की तुलना की गई हो. माउस होवर करने से उदाहरण चालू हो जाते हैं.
2 "एक्स्ट्रीमस्पोर्टवेको 2010, वॉस में कायाकर"
इमेज के लेखक: जेटिल बर्कलैंड मो
लेखक की अनुमति से दोबारा बनाया गया.
PNG सोर्स
लेखक की ब्लॉग पोस्ट, जिसमें JPEG और WebP की तुलना की गई हो. माउस होवर करने से उदाहरण चालू हो जाते हैं.
3 "पार्करन" सीक्वेंस का फ़्रेम 10
इमेज प्रोड्यूसर: लार्स हैगलुंड, SVT Sverides Television AB
प्रोड्यूसर की अनुमति से दोबारा बनाया गया
PNG सोर्स
4 इमेज: "A वाइल्ड चेरी (प्रूनस एवियम) इन फ़्लावर"
इमेज के लेखक: बेंजामिन गिमेल
PNG सोर्स
फ़ोटो को क्रिएटिव कॉमंस एट्रिब्यूशन-शेयर अलाइक 3.0 अनपोर्टेड लाइसेंस के तहत लाइसेंस मिला है.
5 इमेज: फ़ायर ब्रीदिंग "जयपुर महाराजा ब्रास बैंड" चैसेपियर बेल्जियम
लेखक: लुक वियाटूर
PNG सोर्स
फ़ोटो को क्रिएटिव कॉमंस Attribution-Share Alike 3.0 Unported लाइसेंस के तहत लाइसेंस दिया गया है.
लेखक की वेबसाइट www.lucnix.be पर

इमेज फिर से बनाना

यहां, इस गैलरी में इमेज जनरेट करते समय शामिल किए गए सटीक चरणों के बारे में बताया गया है. इन चरणों को दोबारा बनाने और कुछ WebP कंप्रेस करने के पैरामीटर का इस्तेमाल दिखाने के लिए किया जाता है.

टूल

सोर्स तस्वीरों को बदलने और उनका साइज़ बदलने के लिए, हमने ImageMagick के convert नाम के नए वर्शन का इस्तेमाल किया. यह टूल https://www.imagemagick.org पर उपलब्ध है. वर्शन की जानकारी में यह जानकारी होती है:

Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org

JPEG से कंप्रेस करने के लिए, हमने IJG के रेफ़रंस एन्कोडर के वर्शन 8b का इस्तेमाल किया जो https://www.ijg.org/files/jpegsrc.v8b.tar.gz पर उपलब्ध है.

वर्शन की जानकारी में यह जानकारी होती है:

Independent JPEG Group's CJPEG, version 8b  16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding

Source PNG इमेज जनरेट की जा रही हैं

पहला, JPEG स्रोतों का बस इस्तेमाल करके, नुकसान के बिना PNG फ़ॉर्मैट में फ़ॉर्मैट कर दिया जाता है:

convert in.jpg out.png

फिर, बड़े सोर्स वाली इमेज को नीचे दिए गए निर्देश का इस्तेमाल करके 1024 पिक्सल की छोटी चौड़ाई में फिर से स्केल किया जाता है:

convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png

ताकि सोर्स PNG इमेज का फ़ाइनल सेट बनाया जा सके.

JPEG फ़ॉर्मैट में कंप्रेस किया जा रहा है

JPEG का एन्कोडर (cjpeg), PPM फ़ॉर्मैट में इनपुट इमेज लेता है. हम इन्हें जनरेट करने के लिए convert का इस्तेमाल करते हैं. फिर पूरा रूपांतरण क्रम यह होता है:

convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm

जो 80 के क्वालिटी फ़ैक्टर वाली ऑप्टिमाइज़ की गई JPEG फ़ाइलें बनाती है.

WebP फ़ॉर्मैट में कंप्रेस किया जा रहा है

हमने ऑप्टिमाइज़ की गई JPEG फ़ाइलों की तुलना में फ़ाइल के साइज़ को 30% कम करने का लक्ष्य रखा है. इसलिए, हमने हर तस्वीर के लिए टारगेट साइज़ साफ़ तौर पर बताए. इसके अलावा, हम cwebp टूल के -f विकल्प की मदद से हर तस्वीर के लिए, फ़िल्टर करने की क्षमता के लिए ऐड-हॉक वैल्यू सेट करते हैं. कुछ तस्वीरों के लिए जगह के हिसाब से शोर को आकार देने के आयाम को -sns विकल्प का इस्तेमाल करके भी बढ़ाया जाता है. इस्तेमाल की गई सटीक कमांड लाइनें, इन्हें पढ़ते हैं:

cwebp -m 6 -f 50 -size 31500 1.png -o 1.webp
cwebp -m 6 -f 20 -sns 100 -size 62000 2.png -o 2.webp
cwebp -m 6 -sns 90 -size 213000 3.png -o 3.webp
cwebp -m 6 -f 40 -size 181000 4.png -o 4.webp
cwebp -m 6 -f 40 -size 89000 5.png -o 5.webp

कुल मिलाकर, नतीजे के तौर पर मिली WebP फ़ाइलों ने दुनिया भर में JPEG फ़ाइल के साइज़ के मुकाबले 32% की बचत की.

ध्यान दें कि इस पेज पर इस्तेमाल किए गए WebP थंबनेल, JPEG के मुकाबले 26% छोटे हैं.