JPG से WebP: गुणवत्ता बनाए रखते हुए फ़ाइल का आकार कम करें

परिचय

JPG हर जगह है। यह दशकों से डिफ़ॉल्ट फ़ोटो प्रारूप रहा है, और अच्छे कारण से — यह फ़ोटोग्राफ़ को कुशलता से संपीड़ित करता है। लेकिन "कुशल" सापेक्ष है, और कई JPG उनसे बड़े हैं जितने उन्हें होना चाहिए।

WebP आमतौर पर 25-35% छोटे फ़ाइल आकार पर समान दृश्य गुणवत्ता प्राप्त करता है। दर्जनों तस्वीरों वाली वेबसाइट के लिए, यह अंतर तेज़ पेज लोड और कम बैंडविड्थ लागत में जुड़ता है।

यह गाइड img2webp.com का उपयोग करके JPG से WebP रूपांतरण के बारे में बताती है, "अत्यधिक संपीड़ित" रूप से बचने वाली गुणवत्ता सेटिंग्स चुनने का तरीका बताती है, और आपको अपने परिणामों को मान्य करने का तरीका दिखाती है।

JPG को WebP में क्यों बदलें?

JPG फ़ोटो को WebP में बदलने के मुख्य कारण:

• छोटे फ़ाइल आकार — हानिपूर्ण WebP संपीड़न आमतौर पर समकक्ष JPG की तुलना में 25-35% छोटी फ़ाइलें उत्पन्न करता है।
• तेज़ पेज लोड — छोटी छवियां तेज़ रेंडरिंग और बेहतर उपयोगकर्ता अनुभव का मतलब है।
• बेहतर Core Web Vitals — छवि अनुकूलन सीधे Largest Contentful Paint (LCP) को प्रभावित करता है।
• समान दृश्य गुणवत्ता — सही सेटिंग्स के साथ, WebP फ़ोटो उनके JPG स्रोतों से अप्रभेद्य हैं।

सावधानी: परिणाम स्रोत छवि पर निर्भर करते हैं। एक JPG जो पहले से ही अत्यधिक संपीड़ित है, बहुत अधिक सिकुड़ नहीं सकता है। रूपांतरण के बाद हमेशा फ़ाइल आकारों की तुलना करें।

कोशिश करने के लिए तैयार? JPG से WebP कनवर्टर खोलें और एक फ़ोटो छोड़ें।

फ़ोटो के लिए WebP गुणवत्ता चुनना

गुणवत्ता स्लाइडर नियंत्रित करता है कि WebP आपकी छवि को कितनी आक्रामक रूप से संपीड़ित करता है। कम मान छोटी फ़ाइलें उत्पन्न करते हैं लेकिन दृश्य दोष पेश कर सकते हैं।

जहां दोष पहले दिखाई देते हैं:

• त्वचा की बनावट — कम गुणवत्ता पर चेहरे मोमी या प्लास्टिक जैसे दिख सकते हैं
• आसमान और ग्रेडिएंट — चिकनी रंग संक्रमण में दृश्य चरणों के रूप में बैंडिंग प्रकट होती है
• सूक्ष्म विवरण — बाल, कपड़े की बनावट और पत्ते परिभाषा खो सकते हैं
• उच्च-कंट्रास्ट किनारे — तीक्ष्ण संक्रमण के आसपास रिंगिंग या हेलो

सही गुणवत्ता खोजना:

1. गुणवत्ता 80 से शुरू करें
2. फ़ाइल आकार जांचें — क्या यह JPG से स्पष्ट रूप से छोटा है?
3. 100% ज़ूम पर देखें — ऊपर सूचीबद्ध दोषों की तलाश करें
4. आवश्यकतानुसार ऊपर (अधिक गुणवत्ता) या नीचे (छोटी फ़ाइल) समायोजित करें

प्रदर्शन आकार पर विचार करें। 400px चौड़ाई पर प्रदर्शित की गई छवि को 1600px पर प्रदर्शित की गई छवि के समान गुणवत्ता की आवश्यकता नहीं है।

JPG कब रखें (या PNG चुनें)

WebP हमेशा सबसे अच्छा विकल्प नहीं है:

• लीगेसी पाइपलाइन — यदि आपके CMS, ईमेल सिस्टम या वर्कफ़्लो को JPG की आवश्यकता है, तो रूपांतरण बिना लाभ के घर्षण जोड़ता है।
• न्यूनतम आकार कमी — यदि WebP अच्छी तरह से अनुकूलित JPG से केवल 5% छोटा है, तो जटिलता इसके लायक नहीं हो सकती है।
• संग्रह उद्देश्य — दीर्घकालिक भंडारण और भविष्य के संपादन के लिए, JPG या हानिरहित प्रारूप पसंद किए जा सकते हैं।

पारदर्शिता चाहिए? JPG पारदर्शिता का समर्थन नहीं करता है। यदि आपका स्रोत JPG है और आपको पारदर्शिता चाहिए, तो आपको मूल डिज़ाइन फ़ाइल के साथ काम करना होगा। WebP पारदर्शिता जोड़ सकता है, लेकिन आप इसे JPG से नहीं बना सकते जिसमें यह नहीं है।

विस्तृत तुलना के लिए, WebP बनाम JPG बनाम PNG देखें।

JPG फ़ॉलबैक के साथ WebP का उपयोग करना

WebP समर्थन के बिना ब्राउज़र के लिए (अब दुर्लभ है, लेकिन संभव है), <picture> तत्व का उपयोग करें:

<picture>
  <source srcset="photo.webp" type="image/webp" />
  <img src="photo.jpg" alt="फ़ोटो विवरण" loading="lazy" />
</picture>

यह WebP को वहां परोसता है जहां समर्थित है और अन्यथा JPG पर वापस आ जाता है।

सारांश

फ़ोटोग्राफ़ के लिए, हानिपूर्ण WebP आमतौर पर सबसे अच्छा आकार/गुणवत्ता व्यापार-बंद है। मुख्य बातें:

• WebP आमतौर पर समकक्ष JPG की तुलना में 25-35% छोटी फ़ाइलें उत्पन्न करता है
• अधिकांश फ़ोटो के लिए गुणवत्ता 75-85 के साथ हानिपूर्ण संपीड़न का उपयोग करें
• वास्तविक प्रदर्शन आयामों में आकार बदलें — यह अक्सर प्रारूप से अधिक मायने रखता है
• 100% ज़ूम पर दोषों की जाँच करें, लेकिन वास्तविक प्रदर्शन आकार पर मूल्यांकन करें
• संपादन के लिए मूल रखें; वितरण के लिए WebP का उपयोग करें