वेबसाइट के लिए सर्वोत्तम इमेज फ़ॉर्मैट कौन-सा है?

जब तक आपको यह न पता हो कि इमेज किस प्रकार की है, तब तक "सर्वोत्तम फ़ॉर्मैट" पूछना सही प्रश्न नहीं है। वेबसाइट पर कई अलग-अलग प्रकार की तस्वीरें होती हैं और हर प्रकार के लिए एक स्पष्ट विजेता है:

• फ़ोटोग्राफ़ (उत्पाद, लोग, स्थान): लॉसी फ़ॉर्मैट। AVIF सबसे छोटा होता है, WebP सुरक्षित आधुनिक डिफ़ॉल्ट है और JPG वह फ़ॉलबैक है जिसे हर ब्राउज़र दिखा सकता है।
• लोगो, आइकन और इलस्ट्रेशन: SVG। यह वेक्टर आर्टवर्क है, इसलिए हर स्क्रीन पर किसी भी आकार में स्पष्ट रहता है और फ़ाइल आम तौर पर बहुत छोटी होती है। पिक्सेल फ़ॉर्मैट का फ़ॉलबैक केवल तब रखें जब कोई प्लेटफ़ॉर्म SVG स्वीकार न करे।
• स्क्रीनशॉट, UI ग्राफ़िक्स और पारदर्शिता वाली कोई भी चीज़: PNG या लॉसलेस WebP। सपाट रंगों और तीखे किनारों को लॉसलेस फ़ॉर्मैट बहुत अच्छी तरह संपीड़ित करते हैं।
• छोटे एनिमेशन: GIF के बजाय एनिमेटेड WebP या AVIF, क्योंकि GIF सीमित रंग-पैलेट वाला होता है और कहीं बड़ी फ़ाइलें बनाता है।
• फ़ेविकॉन: एक ICO फ़ाइल, जिसे आदर्श रूप से SVG या PNG संस्करण के साथ रखें; देखें इमेज से फ़ेविकॉन बनाने का तरीका।

आम गलती किसी फ़ोटोग्राफ़ को PNG में सहेजना है। PNG हर पिक्सेल को लॉसलेस रूप से संग्रहीत करता है, जो लोगो के लिए बेहतरीन लेकिन फ़ोटो के लिए बेहद खराब है: बिना किसी दिखाई देने वाले लाभ के फ़ाइल JPG से कई गुना बड़ी हो जाती है।

फ़ोटो के लिए चुनाव इस बात पर निर्भर करता है कि आप नए ब्राउज़र पर कितना भरोसा कर सकते हैं:

• AVIF सबसे अच्छा संपीड़न करता है: सामान्य वेब गुणवत्ता पर यह JPEG से लगभग 50% और WebP से 20–30% छोटा होता है, साथ ही आवश्यकता होने पर HDR और विस्तृत रंग-परास भी देता है। Chrome, Firefox और Safari सभी इसे प्रदर्शित करते हैं (Safari में संस्करण 16.4 से, 2023 में)। इसकी कमियाँ धीमी एन्कोडिंग हैं, विशेषकर बड़ी इमेज के लिए, और डेस्कटॉप सॉफ़्टवेयर तथा पुराने उपकरणों में सीमित समर्थन है।
• WebP व्यावहारिक डिफ़ॉल्ट है: समान दृश्य गुणवत्ता पर JPEG से 25–35% छोटा, पारदर्शिता सहित और 2020 से हर प्रमुख ब्राउज़र द्वारा समर्थित। कुछ डेस्कटॉप ऐप और पुराने टूल अब भी इसे नहीं खोल सकते, जो डिज़ाइनर को दी जाने वाली फ़ाइल के लिए मायने रखता है, दर्शकों को दिखाई जाने वाली फ़ाइल के लिए नहीं।
• JPG सार्वभौमिक फ़ॉलबैक है। यह तीनों में सबसे कम कुशल है, लेकिन लगभग 75–82 गुणवत्ता पर सहेजा गया JPG आम तौर पर स्क्रीन पर मूल इमेज जैसा ही दिखता है और वेब पर कोई भी चीज़ इसे दिखाने में विफल नहीं होती।

सबसे मजबूत व्यवस्था AVIF को उसे समझने वाले ब्राउज़र के लिए, WebP को बाकी ब्राउज़र के लिए प्रस्तुत करती है और अधिक पुरानी किसी भी चीज़ के लिए JPG रखती है। यदि आप केवल एक चुनना चाहें, तो JPG फ़ॉलबैक वाला WebP लगभग सभी को कवर करता है। सीधे तुलनात्मक विवरण WebP बनाम AVIF और WebP बनाम JPG में हैं; फ़ोटो के बजाय ग्राफ़िक्स के लिए PNG बनाम JPG देखें।

लक्षित फ़ॉर्मैट तय होने के बाद कन्वर्ज़न तेज़ी से होता है और डेटा कभी आपकी मशीन से बाहर नहीं जाता। EditItAll इमेज कन्वर्टर पूरी तरह आपके ब्राउज़र में चलता है:

1. कन्वर्टर खोलें और अपनी इमेज उसमें डालें; चाहे एक फ़ाइल हो या पूरा फ़ोल्डर। बैच एक साथ प्रोसेस किए जाते हैं।
2. आउटपुट फ़ॉर्मैट चुनें: फ़ोटोग्राफ़ के लिए WebP या AVIF और पारदर्शिता चाहने वाले ग्राफ़िक्स के लिए PNG। सामान्य कामों के सीधे विकल्प उपलब्ध हैं: JPG से WebP, PNG से WebP, JPG से AVIF और PNG से AVIF।
3. गुणवत्ता सेट करें। लक्षित आकार का कोई फ़ील्ड नहीं है: आकार एक आउटपुट है। हर फ़ाइल अपना पहले और बाद का आकार दिखाती है, इसलिए स्लाइडर को तब तक थोड़ा-थोड़ा समायोजित करें जब तक संख्या और तस्वीर दोनों सही न लगें।
4. परिणामों को अलग-अलग या एक ZIP के रूप में डाउनलोड करें।

कुछ भी अपलोड नहीं होता; पेज लोड होने के बाद आप इंटरनेट से डिस्कनेक्ट होकर भी कन्वर्ट करना जारी रख सकते हैं। हर निर्यातित इमेज से EXIF और GPS मेटाडेटा हटा दिया जाता है, इसलिए उत्पाद का फ़ोटो यह प्रकाशित नहीं करता कि वह कहाँ लिया गया था। यह मुफ़्त है, इसके लिए खाता नहीं चाहिए और कोई वॉटरमार्क नहीं लगता। सही फ़ॉर्मैट पहले से है और बस फ़ाइल छोटी करनी है? सीधे इमेज कंप्रेसर पर जाएँ। यदि कोई प्लेटफ़ॉर्म वेक्टर लोगो का पिक्सेल संस्करण अनिवार्य करता है, तो SVG से PNG उसे आपके चुने हुए किसी भी आकार में रेंडर करता है।

सही फ़ॉर्मैट चुनना उपयोगी है, लेकिन तीन आदतें JPG से AVIF पर जाने की तुलना में कहीं अधिक बाइट बचाती हैं:

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

यदि गति रिपोर्ट आपको "इमेज को कुशलता से एन्कोड करें" या "अगली पीढ़ी के फ़ॉर्मैट में इमेज प्रस्तुत करें" कहती है, तो उसका अर्थ ठीक यही निर्णय है: इमेज को कुशलता से एन्कोड करने की चेतावनी ठीक करने में पूरी प्रक्रिया दी गई है और वेब के लिए JPEG कंप्रेस करने में गुणवत्ता स्लाइडर को विस्तार से समझाया गया है। फ़ॉर्मैट से जुड़ी और मार्गदर्शिकाएँ इमेज कन्वर्ट करने वाले समूह में उपलब्ध हैं।