WebP क्या है? Google के इमेज फ़ॉर्मैट की पूरी गाइड

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

WebP का संक्षिप्त इतिहास

Google ने 30 सितंबर 2010 को Chromium ब्लॉग पर WebP की घोषणा की। पहला संस्करण केवल लॉसी कंप्रेशन देता था और VP8 वीडियो कोडेक की इंट्रा-फ़्रेम कोडिंग पर आधारित था। अगले वर्षों में फ़ॉर्मैट बढ़ता गया: Google के WebP FAQ के अनुसार लॉसलेस कंप्रेशन और पारदर्शिता Chrome 23 से और एनिमेशन Chrome 32 से सपोर्टेड हैं। लंबे समय तक WebP केवल Google के अपने दस्तावेज़ों से परिभाषित था; नवंबर 2024 में IETF ने इसे RFC 9649 के रूप में प्रकाशित किया, जो Google के इंजीनियरों J. Zern, P. Massimino और J. Alakuijala का लिखा एक Informational डॉक्यूमेंट है और जिसने image/webp मीडिया टाइप भी रजिस्टर किया।

WebP कैसे काम करता है

RIFF कंटेनर

RFC 9649 के अनुसार WebP, RIFF (Resource Interchange File Format) पर आधारित है। फ़ाइल एक RIFF हेडर और WEBP हस्ताक्षर से शुरू होती है, और इमेज डेटा चंक में रखा जाता है। इस संरचना से एक ही फ़ॉर्मैट अलग-अलग कंप्रेशन प्रकार और अतिरिक्त डेटा साथ-साथ रख पाता है।

लॉसी WebP (VP8)

लॉसी WebP इमेज को VP8 इंट्रा-फ़्रेम कोडिंग से एक VP8 चंक में रखता है। JPEG की तरह यह भी ब्लॉक में काम करता है, लेकिन यह हर ब्लॉक का अनुमान पड़ोसी पिक्सेल से लगाता है और केवल उस अनुमान से अंतर को कोड करता है; यही प्रेडिक्टिव कोडिंग JPEG पर इसकी बढ़त का मुख्य स्रोत है। Google के FAQ के अनुसार लॉसी WebP, 8-बिट और 4:2:0 क्रोमा सबसैंपलिंग (YUV420) के साथ काम करता है, इसलिए रंग आधे रिज़ॉल्यूशन पर रखे जाते हैं, जैसा JPEG की आम सेटिंग में होता है।

लॉसलेस WebP (VP8L)

लॉसलेस मोड एक बिल्कुल अलग बिटस्ट्रीम, VP8L, इस्तेमाल करता है। RFC 9649 बताता है कि यह LZ77, प्रीफ़िक्स कोडिंग और एक कलर कैश को जोड़ता है; रंग चैनलों का एक-दूसरे से अनुमान लगाने जैसे ट्रांसफ़ॉर्म के साथ मिलकर यह PNG से बेहतर कंप्रेस करता है। यह हर चैनल के लिए 8-बिट ARGB डेटा के साथ काम करता है।

पारदर्शिता और एनिमेशन

लॉसलेस WebP में अल्फ़ा चैनल सीधे शामिल होता है। लॉसी WebP में पारदर्शिता एक अलग ALPH चंक में रखी जाती है, ताकि फ़ोटो वाला हिस्सा लॉसी हो सके जबकि किनारों की पारदर्शिता पूरी बनी रहे। एनिमेशन ANIM और ANMF चंक इस्तेमाल करता है, जो हर फ़्रेम की जगह, मिलीसेकंड में अवधि, ब्लेंडिंग और डिस्पोज़ल का तरीक़ा तय करते हैं। GIF के उलट, फ़्रेम 256 रंगों तक सीमित नहीं होते।

सीमाएँ

Google का FAQ WebP इमेज का अधिकतम साइज़ 16383 x 16383 पिक्सेल बताता है। WebP, JPEG या PNG वाले अर्थ में प्रोग्रेसिव या इंटरलेस्ड डिस्प्ले नहीं देता। इसकी कलर डेप्थ 8 बिट तक सीमित है, जिससे यह HDR इमेज के लिए उपयुक्त नहीं है; वहाँ AVIF आगे निकलता है।

WebP असल में कितना छोटा है?

Google के अपने मापों के अनुसार बराबर SSIM क्वालिटी इंडेक्स पर लॉसी WebP इमेज तुलनीय JPEG इमेज से 25-34% छोटी होती हैं, और लॉसलेस WebP इमेज PNG से 26% छोटी होती हैं। उसी Google पेज के अनुसार लॉसलेस WebP केवल 22% अतिरिक्त बाइट की क़ीमत पर पारदर्शिता सपोर्ट करता है। ये Google के टेस्ट सेट के औसत हैं; आपकी अपनी इमेज में बचत कम या ज़्यादा हो सकती है।

वेब का असली डेटा भी कुछ ऐसी ही कहानी कहता है: HTTP Archive Web Almanac 2024 मोबाइल पर मीडियन WebP इमेज को 1.3 बिट प्रति पिक्सेल पर रखता है, जबकि JPEG 2.0 और PNG 3.8 पर।

ब्राउज़र और सॉफ़्टवेयर सपोर्ट

Can I use के अनुसार पूरा WebP सपोर्ट देने वाले ब्राउज़र वैश्विक उपयोग का 97.18% हिस्सा हैं (अक्टूबर 2026)। पूरा सपोर्ट Chrome 32, Firefox 65, Edge 18 और Safari 16 से शुरू होता है, जबकि Safari 14 और 15 आंशिक सपोर्ट देते हैं। MDN बताता है कि macOS पर WebP दिखाने के लिए Safari को संस्करण 14 या उसके बाद का और साथ में macOS Big Sur (11) या नया चाहिए।

अपनाने की रफ़्तार तेज़ है, लेकिन यह JPEG या PNG के स्तर तक नहीं पहुँचा है। अक्टूबर 2026 का W3Techs डेटा दिखाता है कि जिन वेबसाइटों पर वह नज़र रखता है, उनमें से 22.7% पर WebP है। Web Almanac 2024 के अनुसार मोबाइल पेजों पर 12% इमेज WebP हैं, और यह हिस्सा 2022 से 2024 के बीच लगभग तीन प्रतिशत अंक बढ़ा।

वेबसाइट पर WebP कैसे परोसें

हर मौजूदा ब्राउज़र WebP दिखाता है, इसलिए ज़्यादातर साइटों के लिए इमेज को सीधे .webp के रूप में इस्तेमाल करना काफ़ी है। अगर आपको बहुत पुराने ब्राउज़र भी सपोर्ट करने हैं, तो HTML का <picture> एलिमेंट आपको पहले WebP और उसके बाद JPG विकल्प देने देता है। ब्राउज़र पहला ऐसा स्रोत चुनता है जिसे वह समझता है:

<picture>
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" alt="इमेज का साफ़ विवरण" width="1200" height="800">
</picture>

कुछ सर्वर और कंटेंट डिलीवरी नेटवर्क ब्राउज़र के भेजे Accept हेडर के हिसाब से एक ही URL से WebP या JPG लौटाते हैं। यह सुविधाजनक है, लेकिन "Save image as" चुनने पर लोगों के हाथ अनचाही WebP फ़ाइल लगने की मुख्य वजह भी यही है।

आम समस्याएँ

डाउनलोड की गई WebP नहीं खुलती

कई साइटें ब्राउज़र के सपोर्ट करने पर इमेज को अपने-आप WebP के रूप में परोसती हैं। "Save image as" चुनने पर आपके पास .webp फ़ाइल आ जाती है, और पुराने व्यूअर, कुछ ऑफ़िस प्रोग्राम, प्रिंट सेवाएँ और केवल JPG या PNG स्वीकार करने वाले अपलोड फ़ॉर्म उसे नहीं खोल पाते। सबसे व्यावहारिक हल फ़ाइल को JPG या PNG में बदलना है।

कन्वर्ज़न के बाद एनिमेटेड WebP रुक गई

JPG और PNG एनिमेशन नहीं रखते। एनिमेटेड WebP को इनमें से किसी फ़ॉर्मैट में बदलने पर केवल एक फ़्रेम बचता है।

पारदर्शिता खो गई

पारदर्शी WebP को JPG में बदलने पर पारदर्शी हिस्से एक ठोस रंग से भर दिए जाते हैं। पारदर्शिता बनाए रखनी है, तो PNG में बदलें।

WebP फ़ाइल उम्मीद से बड़ी है

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

WebP कन्वर्ट करने के टिप्स

• WebP को हर जगह खोलने के लिए: फ़ोटो के लिए WebP को JPG में, या पारदर्शी इमेज और तीखे ग्राफ़िक्स के लिए WebP को PNG में बदलें। एनिमेटेड WebP फ़ाइलों में केवल पहला फ़्रेम कन्वर्ट होता है।
• अपनी साइट की इमेज छोटी करने के लिए: हमारे JPG से WebP और PNG से WebP कन्वर्टर डिफ़ॉल्ट रूप से 80 की क्वालिटी इस्तेमाल करते हैं। ज़्यादातर फ़ोटो के लिए इससे साइज़ में साफ़ बचत होती है और नुक़सान मुश्किल से दिखता है।
• लोगो और स्क्रीनशॉट के लिए "Lossless WebP" पर टिक करें। हर पिक्सेल हूबहू रहता है और पारदर्शिता बनी रहती है, लेकिन फ़ाइल लॉसी मोड से बड़ी होती है और स्रोत से भी बड़ी हो सकती है।
• एक साथ कई फ़ॉर्मैट बदलने के लिए इमेज कन्वर्टर इस्तेमाल करें; आप एक बार में 50 तक फ़ाइलें जोड़ सकते हैं और नतीजे ZIP के रूप में डाउनलोड कर सकते हैं।
• ये कन्वर्ज़न आपके ब्राउज़र में चलते हैं, इसलिए आपकी फ़ाइलें आपके डिवाइस से बाहर नहीं जातीं। EXIF और लोकेशन डेटा आउटपुट में नहीं लिखा जाता।

अक्सर पूछे जाने वाले सवाल

WebP लॉसी है या लॉसलेस?

दोनों। WebP के दो अलग कंप्रेशन मोड हैं, लॉसी (VP8) और लॉसलेस (VP8L)। फ़ाइल एक्सटेंशन एक ही है; कौन-सा मोड इस्तेमाल हुआ, यह फ़ाइल के अंदर के चंक में दर्ज होता है।

क्या WebP, Safari और iPhone पर खुलता है?

हाँ। मौजूदा Safari संस्करण WebP को पूरी तरह सपोर्ट करते हैं। Can I use के अनुसार Safari 14 और 15 में सपोर्ट आंशिक था, और पूरा सपोर्ट Safari 16 के साथ आया।

क्या WebP की क्वालिटी JPG से बेहतर है?

कोई फ़ॉर्मैट अपने-आप में "बेहतर क्वालिटी" नहीं होता; WebP आमतौर पर उसी फ़ाइल साइज़ पर बेहतर इमेज, या उसी इमेज क्वालिटी पर छोटी फ़ाइल देता है। Google के मापों में बराबर क्वालिटी पर यह अंतर 25-34% है।

WebP इस्तेमाल करूँ या AVIF?

AVIF आमतौर पर फ़ोटो के लिए छोटी फ़ाइलें बनाता है और HDR सपोर्ट करता है, लेकिन इसे एन्कोड करना धीमा है और पुराने डिवाइस पर इसका सपोर्ट नया है। WebP जल्दी एन्कोड होता है और इसका सपोर्ट और पीछे तक जाता है। वेबसाइटों पर आम तरीक़ा है कि <picture> एलिमेंट से दोनों दिए जाएँ और JPG को विकल्प के रूप में रखा जाए।

क्या WebP इमेज SEO पर असर डालती हैं?

WebP अपने-आप में रैंकिंग का कारक नहीं है, लेकिन छोटी इमेज पेजों को जल्दी लोड होने में मदद करती हैं। असल बात है इमेज को सही साइज़ में, साफ़ alt टेक्स्ट के साथ और तेज़ी से परोसना।

क्या मैं WebP फ़ाइल प्रिंट या ईमेल कर सकता हूँ?

कर सकते हैं, लेकिन पाने वाले का सॉफ़्टवेयर WebP शायद न खोले, और प्रिंट सेवाएँ और कुछ कॉर्पोरेट अपलोड फ़ॉर्म अक्सर केवल JPG, PNG या PDF स्वीकार करते हैं। साझा करने से पहले फ़ोटो को JPG और पारदर्शी इमेज को PNG में बदलने से फ़ाइल हर जगह खुलना पक्का हो जाता है।

स्रोत

• RFC 9649: WebP Image Format
• Google for Developers: An image format for the Web
• Google for Developers: WebP Frequently Asked Questions
• Google for Developers: WebP Compression Study
• Chromium Blog: WebP, a new image format for the Web (30 सितंबर 2010)
• Can I use: WebP image format
• MDN: Image file type and format guide
• W3Techs: Usage statistics of image file formats for websites
• HTTP Archive Web Almanac 2024: Media