WebP, AVIF या JPG — कौन सा फ़ॉर्मैट?

संक्षिप्त नाम से नहीं, काम से शुरू करें

पुराने टैबलेट पर मेल खोलने वाले माता-पिता को छुट्टियों की फ़ोटो भेज रहे हैं? JPG रखें। सरकारी फ़ॉर्म, बैंक अपलोड और केवल JPEG स्वीकार करने वाले प्रिंट शॉप अभी भी इसकी अपेक्षा करते हैं — संगतता पर जुआ शायद ही उचित हो।

अपनी साइट, ब्लॉग या उत्पाद कैटलॉग चला रहे हैं जहाँ आगंतुक वर्तमान ब्राउज़र उपयोग करते हैं? WebP अक्सर फ़ाइल आकार स्पष्ट रूप से काटता है जबकि JPG के करीब दिखता है, और JPEG के विपरीत पारदर्शिता रख सकता है।

उच्च ट्रैफ़िक पेज पर हर किलोबाइट बचाना है और `<picture>` से कई स्रोत दे सकते हैं? तब AVIF टेस्ट के लायक है — लेकिन जो क्लाइंट डिकोड नहीं कर सकते उनके लिए JPG या WebP बैकअप के बिना अकेले AVIF न भेजें।

JPG: वह फ़ोटो फ़ॉर्मैट जो सब अभी भी बोलते हैं

JPEG हानिपूर्ण संपीड़न है जो फ़ोटोग्राफ़ के लिए ट्यून है — पोर्ट्रेट, लैंडस्केप, इवेंट शॉट। फ़ोन, लैपटॉप, CMS डैशबोर्ड और सोशल ऐप इसे बिना नाटक खोले खोलते हैं।

पारदर्शी पृष्ठभूमि, सपाट-रंग लोगो, या UI स्क्रीनशॉट जहाँ टेक्स्ट तेज़ रहना चाहिए — इसके लिए खराब। वे PNG या WebP में हैं।

हर «Save as JPG» पास एक और पीढ़ी की हानि जोड़ता है। साफ़ स्रोत से एक बार निर्यात करें, बार-बार फ़ॉर्मैट न कूदें।

WebP: आधुनिक वेब का मुख्य घोड़ा

फ़ोटो पर समान दृश्य गुणवत्ता के लिए WebP आमतौर पर JPG से बाइट्स में जीतता है — कभी व्यापक अंतर से। अल्फा चैनल भी सपोर्ट करता है, जो JPEG नहीं कर सकता।

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

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

AVIF: छोटी फ़ाइलें, अधिक चलने वाले हिस्से

व्यस्त फ़ोटोग्राफ़िक दृश्यों पर AVIF अक्सर WebP को फिर हराता है — धीमे एन्कोडिंग और पुराने डिवाइस या ऐप के अंदर एम्बेडेड WebView में कभी अंतराल की कीमत पर।

प्रोडक्शन सेटअप आमतौर पर `<picture>` के अंदर पसंदीदा स्रोत के रूप में AVIF देते हैं, WebP या JPG फ़ॉलबैक के साथ ताकि ब्राउज़र समझे वाला सर्वोत्तम फ़ॉर्मैट चुने।

अगर बिल्ड पाइपलाइन पहले से AVIF एन्कोड समय से जूझती है, या टीम ने अभी फ़ॉलबैक नहीं जोड़े, पहले WebP सही करना अक्सर कम घर्षण के साथ अधिकांश जीत देता है।

चीट शीट (अंगूठे के नियम)

जिन डिवाइस पर नियंत्रण नहीं → JPG।

आधुनिक साइट हीरो या लिस्टिंग छवियाँ फ़ॉलबैक पथ के साथ → WebP, या AVIF प्लस WebP/JPG बैकअप।

वेब पर पारदर्शिता → WebP या PNG; अल्फा के लिए व्यापक लीगेसी सहनशीलता चाहिए तो PNG।

ईमेल बॉडी कॉपी के अंदर छवियाँ → अधिकांश मामलों में अभी भी JPG।

दुविधा में → WebP और JPG साथ निर्यात करें, छवि संपीड़क खोलें, और आकार की तुलना आँखों से स्वीकार्य के साथ करें।

फ़ॉर्मैट आधी कहानी है — आकार और गुणवत्ता भी मायने रखते हैं

4000 px चौड़ी फ़ोटो WebP के रूप में भी भारी है अगर कभी रीसाइज़ नहीं की। पहले डाउनस्केल डिस्प्ले चौड़ाई तक, फिर फ़ॉर्मैट चुनें।

फ़ॉर्मैट और आयाम सही लगने के बाद संपीड़न पास अंतिम कुछ प्रतिशत काट सकता है। हानिपूर्ण आउटपुट के साथ काम करते समय मूल मास्टर रखें ताकि पीढ़ियाँ न जुड़ें।