इमेज फ़ॉर्मैट समझिए: JPG, PNG, WebP, AVIF, GIF, BMP और ICO
फ़ोटो, लोगो, स्क्रीनशॉट, वेब पेज, छपाई और सोशल मीडिया के लिए कौन सा फ़ॉर्मैट, और क्यों।
हर इमेज फ़ॉर्मैट फ़ाइल के आकार, क्वालिटी, पारदर्शिता, एनिमेशन और हर जगह चलने की क्षमता के बीच एक समझौता है। ग़लत चुनिए, तो या तो फ़ाइल फूली हुई मिलेगी या लोगो धुँधला। यह गाइड बताती है कि हर फ़ॉर्मैट किस चीज़ में अच्छा है, और फ़ैसले के लिए ज़रूरी आँकड़े भी देती है।
कंप्रेशन के दो तरीक़े
बिना नुक़सान वाला कंप्रेशन हर पिक्सेल ठीक वैसा ही सहेजता है और बस उसी डेटा को ज़्यादा किफ़ायत से लिखने का तरीक़ा ढूँढ़ता है, जैसे ZIP करता है। किसी बिना नुक़सान वाली इमेज को हज़ार बार खोलिए और सहेजिए, वह नहीं बदलेगी। PNG, BMP, GIF और बिना नुक़सान वाला WebP इसी तरह काम करते हैं।
नुक़सान वाला कंप्रेशन जानकारी फेंक देता है, ख़ासकर वह ब्योरा जिसके लिए इंसानी आँख सबसे कम संवेदनशील है: बारीक बनावट, रंगों के हल्के फ़र्क़ और तेज़ शोर। नतीजा बिना किसी दिखने वाले फ़र्क़ के बिना नुक़सान वाली फ़ाइल का दसवाँ हिस्सा हो सकता है, पर हर बार दोबारा सहेजने पर थोड़ा और खोता है। JPG, नुक़सान वाला WebP और AVIF इसी तरह काम करते हैं।
पहला नियम सीधे यहीं से निकलता है: फ़ोटो के लिए नुक़सान वाले फ़ॉर्मैट इस्तेमाल कीजिए, जिनमें इतना शोर और बनावट होती है कि किसी को कमी खलती नहीं; और तीखे किनारों, सपाट रंगों और टेक्स्ट वाले ग्राफ़िक के लिए बिना नुक़सान वाले फ़ॉर्मैट, जहाँ हर पिक्सेल मायने रखता है।
एक-एक फ़ॉर्मैट
JPG (JPEG)
1992 से फ़ोटो का फ़ॉर्मैट। नुक़सान वाला, 8-बिट रंग, न पारदर्शिता न एनिमेशन। अब तक बनी हर चीज़ इसे समझती है। 0 से 100 तक की क्वालिटी सेटिंग संतुलन तय करती है; 80 से 85 रोज़मर्रा के लिए सबसे अच्छा है। इसकी कमज़ोरियाँ हैं कम क्वालिटी पर दिखने वाले "ब्लॉक", तीखे किनारों के आसपास लहरें, और पारदर्शिता का न होना। इसे उन फ़ोटो के लिए इस्तेमाल कीजिए जो ब्राउज़र के बाहर कहीं जा रही हैं: ईमेल, छपाई, मार्केटप्लेस, पुराने सॉफ़्टवेयर।
PNG
बिना नुक़सान वाला, 16-बिट तक रंग, पूरी अल्फ़ा पारदर्शिता, एनिमेशन नहीं (APNG होता है पर बहुत कम दिखता है)। लोगो, आइकन, स्क्रीनशॉट, रेखाचित्र, चार्ट और हर उस इमेज के लिए सही चुनाव जिसे पारदर्शी पृष्ठभूमि चाहिए। इसकी कमज़ोरी आकार है: PNG फ़ोटो JPG से दस गुना तक भारी हो सकती है। वेबसाइट पर फ़ोटो के लिए कभी PNG मत लगाइए।
WebP
Google का वेब फ़ॉर्मैट, जिसे अब हर मौजूदा ब्राउज़र समझता है। इसमें नुक़सान वाला और बिना नुक़सान वाला, दोनों तरीक़े हैं, दोनों में पारदर्शिता है, और एनिमेशन भी। नुक़सान वाला WebP एक जैसी क्वालिटी पर JPG से लगभग 25 से 35% छोटा है; बिना नुक़सान वाला WebP PNG से लगभग 25% छोटा। ब्राउज़र में दिखने वाली किसी भी चीज़ के लिए यह सबसे अच्छा आम फ़ॉर्मैट है। इसकी कमज़ोरी ब्राउज़र के बाहर है: पुराने डेस्कटॉप सॉफ़्टवेयर, कुछ ईमेल प्रोग्राम और बहुत से अपलोड फ़ॉर्म अब भी इसे मना करते हैं।
AVIF
और भी नया, AV1 वीडियो कोडेक पर आधारित। एक जैसी क्वालिटी पर आम तौर पर JPG से 50% और WebP से 20% छोटा, पारदर्शिता, एनिमेशन और चौड़े रंग के साथ। 2024 से सभी मौजूदा ब्राउज़र इसे समझते हैं। इसकी एन्कोडिंग धीमी है, ख़ासकर ब्राउज़र में, और ब्राउज़र के बाहर के सॉफ़्टवेयर में समर्थन अब भी अधूरा है। इसे तब इस्तेमाल कीजिए जब फ़ाइल का आकार सबसे अहम हो और दिखाने की जगह आपके हाथ में हो; साथ में WebP या JPG का विकल्प भी रखिए।
GIF
1987 का। हर फ़्रेम में 256 रंगों तक सीमित, एक ही रंग की पारदर्शिता, और एनिमेशन, जो इसके आज भी हर जगह दिखने की अकेली वजह है। फ़ोटो के लिए बहुत बुरा, सादे ग्राफ़िक के लिए ठीक, हर जगह चलने में बेजोड़। स्थिर इमेज के लिए PNG वह सब करता है जो GIF करता है, और बेहतर; एनिमेशन के लिए MP4 या चलता हुआ WebP कहीं छोटे हैं।
BMP
Windows का बिना कंप्रेशन वाला बिटमैप। विशाल फ़ाइलें, आम इस्तेमाल में पारदर्शिता नहीं, कोई कंप्रेशन नहीं। यह सिर्फ़ इसलिए बचा है कि इसे पढ़ना बेहद आसान है, जो एम्बेडेड उपकरणों और पुराने सॉफ़्टवेयर के लिए मायने रखता है। इसे वेब या सहेजने के लिए कभी इस्तेमाल मत कीजिए।
ICO
Windows आइकन और ब्राउज़र favicon का फ़ॉर्मैट। इसमें एक ही इमेज के कई नाप एक फ़ाइल में रहते हैं, ताकि टैब, बुकमार्क या डेस्कटॉप शॉर्टकट के लिए सही नाप चुना जा सके। इसे PNG से PNG से ICO टूल के ज़रिए बनाया जाता है।
तुलना की तालिका
| फ़ॉर्मैट | कंप्रेशन | पारदर्शिता | एनिमेशन | फ़ोटो का आकार, JPG की तुलना में | कहाँ चलता है |
|---|---|---|---|---|---|
| JPG | नुक़सान वाला | नहीं | नहीं | 1 गुना | हर जगह |
| PNG | बिना नुक़सान | हाँ, पूरी अल्फ़ा | नहीं | 5 से 10 गुना | हर जगह |
| WebP | दोनों | हाँ, पूरी अल्फ़ा | हाँ | 0,65 से 0,75 गुना | सभी ब्राउज़र, ज़्यादातर आधुनिक ऐप |
| AVIF | दोनों | हाँ, पूरी अल्फ़ा | हाँ | 0,5 गुना | सभी मौजूदा ब्राउज़र, कम ऐप |
| GIF | बिना नुक़सान, 256 रंग | हाँ, चालू या बंद | हाँ | 2 से 4 गुना (और ख़राब क्वालिटी) | हर जगह |
| BMP | कोई नहीं | नहीं | नहीं | 20 से 30 गुना | हर जगह, पर शायद ही इस्तेमाल होता है |
किस काम के लिए कौन सा फ़ॉर्मैट
- वेबसाइट पर फ़ोटो: क्वालिटी 75 से 85 पर WebP, और अगर बहुत पुराने ब्राउज़र भी चलाने हैं तो साथ में JPG। सबसे हल्के पेज चाहिए तो AVIF।
- वेबसाइट पर लोगो और आइकन: अगर SVG है तो वही; वरना PNG या बिना नुक़सान वाला WebP।
- स्क्रीनशॉट: PNG। नुक़सान वाला कंप्रेशन टेक्स्ट धुँधला कर देता है।
- ईमेल अटैचमेंट: फ़ोटो के लिए JPG, ग्राफ़िक के लिए PNG। WebP मत भेजिए, बहुत से मेल प्रोग्राम उसे ठीक से नहीं दिखाते।
- छपाई: क्वालिटी 95 पर JPG, या PNG/TIFF, छपने वाले आकार के हर इंच पर 300 पिक्सेल।
- सोशल मीडिया: JPG या PNG; हर प्लेटफ़ॉर्म अपलोड पर वैसे भी दोबारा कंप्रेस करता है, इसलिए ऊँची क्वालिटी और सही नाप पर अपलोड कीजिए।
- पारदर्शी पृष्ठभूमि वाली उत्पाद की तस्वीरें: सबसे ज़्यादा जगह चलने के लिए PNG, वेब के लिए WebP।
- Favicon: ICO, और मोबाइल होम स्क्रीन के लिए साथ में एक PNG।
एक से दूसरे में बदलना
इस साइट का हर बदलाव आपके ब्राउज़र में होता है। सबसे आम रास्ते हैं वेब के लिए PNG से WebP और JPG से WebP, हर जगह चलाने के लिए WebP से JPG और WebP से PNG, और ग़लत फ़ॉर्मैट में निर्यात हुई फ़ोटो छोटी करने के लिए PNG से JPG। इमेज कंप्रेसर इनमें से किसी को भी संभाल लेता है, एक साथ कई फ़ाइलों पर।