PNG, GIF और JPEG फाइल में अंतर क्या है
ग्राफिक इमेज का उपयोग वेब पेजों के रूप को बढ़ाने के साथ-साथ उस सामग्री को प्रदान करने के लिए किया जा सकता है जो किसी पृष्ठ पर पाठ्य सूचना का समर्थन करती है। जब विवेकपूर्ण रूप से उपयोग किया जाता है, तो चित्र आकर्षक और जानकारीपूर्ण हो सकते हैं; जब अधिक उपयोग किया जाता है, तो वे विचलित और परेशान हो सकते हैं। किसी पृष्ठ पर जगह के लिए छवियों का चयन करते समय आपको यह सुनिश्चित करने की आवश्यकता होती है कि वे पृष्ठ के उद्देश्यों का समर्थन करें और उनसे अलग न हों। साथ ही, आपको यह सुनिश्चित करने की आवश्यकता है कि छवियों के फ़ाइल आकार, जिनमें से कई काफी बड़े हो सकते हैं, अनावश्यक रूप से लंबे डाउनलोड समय का कारण नहीं बनते हैं।
GIF IMAGE:
GIF (ग्राफिक्स इंटरचेंज फॉर्मेट) सबसे व्यापक रूप से समर्थित ग्राफिक्स प्रारूप है। इस प्रारूप में सहेजे गए चित्रों में .gif फ़ाइल एक्सटेंशन है। जीआईएफ प्रारूप काले और सफेद, ग्रेस्केल या रंग में चित्र प्रदर्शित कर सकते हैं। जब रंग चित्रों के लिए उपयोग किया जाता है तो GIF प्रारूप 256 रंगों तक प्रदर्शित करने तक सीमित होता है। आम तौर पर जब एक ग्राफिक्स प्रोग्राम जीआईएफ प्रारूप में एक छवि को सहेजता है, तो सॉफ्टवेयर 256 रंगों का उपयोग करता है (जो) चित्र में रंगों का सबसे अच्छा प्रतिनिधित्व करता है। जीआईएफ छवियों के लिए उपयोग की जाने वाली संपीड़न तकनीक के कारण यह प्रारूप निरंतर रंगों के बजाय स्पॉट रंगों के साथ चित्रों के लिए सबसे अच्छा है। दूसरे शब्दों में, यह रेखा चित्र, लोगो, आइकन, पाठ और अन्य रंगों के साथ एक अच्छा प्रारूप है। यह फोटोग्राफिक छवियों के लिए सबसे अच्छा प्रारूप नहीं है।
वेब पेज पर ग्राफिक्स का उपयोग करने के बारे में चिंताओं में से एक प्रारूप द्वारा निर्मित फ़ाइल आकार हैं। बड़े फ़ाइल आकार का अर्थ है कि अब डाउनलोड किए गए समय और अब विज़िटर को पृष्ठ देखने के लिए प्रतीक्षा करनी होगी। सामान्य तौर पर, यह जीआईएफ छवि का आकार नहीं है जो फ़ाइल के आकार को प्रभावित करता है, यह छवि में विभिन्न रंगों की संख्या है। इसलिए, फ़ाइल आकार को कम करने और डाउनलोड समय को कम करने का सबसे प्रभावी तरीका छवि में रंगों की संख्या को कम करना है।
अधिकांश ग्राफिक प्रोग्राम एक छवि के साथ सहेजे गए रंगों की संख्या के विकल्पों की अनुमति देते हैं। चित्र 5-1 में एडोब फोटोशॉप द्वारा अनुमत जीआईएफ फाइलों के लिए दो बचत विकल्प दिखाए गए हैं। बाईं ओर डिफ़ॉल्ट विकल्प 256 रंगों के पूर्ण पूरक का उपयोग करता है। छवि के लिए रंगीन पैलेट चित्र के नीचे-दाईं ओर दिखाया गया है। यह लगभग 10.9 KB की फाइल साइज तैयार करता है। दाईं ओर एक ही छवि 16 रंगों के साथ स्वरूपित है। दोनों चित्रों के बीच कोई ध्यान देने योग्य अंतर नहीं हैं। हालाँकि, दायीं ओर केवल 3.5 KB का एक फ़ाइल आकार है। यदि आप अपनी स्वयं की छवियां बना रहे हैं, तो आपको उन तकनीकों का पता लगाना चाहिए जो आपकी फ़ाइल के आकार को छवि को विकृत किए बिना या उसके रंगों को गलत तरीके से प्रस्तुत किए बिना जितना संभव हो उतना छोटा बना सकती हैं।
पारदर्शी IMAGE
GIF प्रारूप का एक संस्करण – GIF89a – में पारदर्शी चित्र बनाने की क्षमता है। आप छवि में एक विशेष रंग निर्दिष्ट कर सकते हैं जो तब पारदर्शी रूप से प्रस्तुत किया जाता है जब छवि पृष्ठ पर प्रदर्शित होती है। सबसे अधिक बार यह तस्वीर में एकल पृष्ठभूमि रंग है। जब पारदर्शी पर सेट किया जाता है, तो पृष्ठभूमि गायब हो जाती है, पृष्ठ पृष्ठभूमि के खिलाफ केवल अग्रभूमि छवि प्रदर्शित होती है। निम्नलिखित आंकड़ा पारदर्शी प्रभाव दिखाता है।
दोनों मानक और पारदर्शी चित्र एक सफेद पृष्ठभूमि पर बनाए गए हैं और GIF89a फ़ाइलों के रूप में सहेजे गए हैं। “पारदर्शी” छवि, हालांकि, सफेद रंग को पारदर्शी रंग के रूप में चुना गया है। जब छवियों को एक बनावट वाली पृष्ठभूमि पर प्रदर्शित किया जाता है, तो पृष्ठ के पृष्ठभूमि को दिखाने के लिए पारदर्शी छवि की सफेद पृष्ठभूमि को पारदर्शी रूप से प्रस्तुत किया जाता है। बेशक, यदि पृष्ठ का पृष्ठभूमि रंग छवि के पृष्ठभूमि रंग के समान है, तो चित्र पृष्ठभूमि को पारदर्शी बनाने की कोई आवश्यकता नहीं है।
इंटरलेस्ड IMAGES
GIF89a प्रारूप की एक अन्य विशेषता इंटरलेस्ड छवियों का उत्पादन करने की क्षमता है। आम तौर पर, जब किसी चित्र को ब्राउज़र में लोड किया जाता है, तो यह चित्र के शीर्ष पर शुरू होने वाले समय में कुछ पंक्तियों से पता चलता है। यदि फ़ाइल का आकार बड़ा है और कनेक्शन की गति धीमी है, तो आप पूरी तस्वीर डाउनलोड होने तक एक बार में प्रकट की गई तस्वीर को देख सकते हैं।
यदि आप अपनी छवियों को इंटरलेस्ड के रूप में सहेजना चुनते हैं, तो पूरी तस्वीर तेजी से उच्च संकल्पों में प्रकट होती है। यही है, यह पहली बार पूरे चित्र के कम-रिज़ॉल्यूशन संस्करण के रूप में प्रकट होता है। जैसे ही अधिक तस्वीर डाउनलोड की जाती है, यह अधिक तेज हो जाता है और अधिक विवरण जोड़ दिया जाता है। यद्यपि एक इंटरलेज्ड छवि को डाउनलोड करने के लिए लिया गया समय एक नियमित छवि के लिए समान है, यह अक्सर पूर्ण के बाद से तेजी से डाउनलोड होता दिखाई देता है, हालांकि अंतिम नहीं है, छवि देखने योग्य बहुत तेज है। चाहे आप मानक या इंटरलेस्ड छवियों का उपयोग करें, तकनीकी आवश्यकता से अधिक व्यक्तिगत प्राथमिकता है।
ANIMATED IMAGES:
एनिमेटेड जीआईएफ छवियों का निर्माण करने के लिए कई एकल छवियों को एक साथ पैक किया जा सकता है। ये दो या दो से अधिक छवियों वाली छवि फाइलें हैं जो समयबद्ध अनुक्रम में सामने आती हैं।
अन्य एनीमेशन कार्यक्रमों में थोड़ी अलग एनीमेशन तकनीक का उपयोग किया जाता है। कुछ GIF एनिमेटरों को अलग से सहेजी गई GIF छवियों के निर्माण की आवश्यकता होती है। प्रत्येक छवि एनीमेशन के एक अलग फ्रेम का प्रतिनिधित्व करती है। ये व्यक्तिगत जीआईएफ फाइलें सॉफ्टवेयर में आयात की जाती हैं और एनीमेशन की अनुक्रमित कोशिकाओं में बदल जाती हैं।
एक एनिमेटेड GIF फ़ाइल ब्राउज़र द्वारा किसी भी अन्य GIF फ़ाइल की तरह ही पुनर्प्राप्त की जाती है। ब्राउज़र में प्रदर्शित होने पर फ़ाइल एनीमेशन का निर्माण करती है। बेशक, यदि आप ग्राफिक्स के साथ काम करने में विशेष रूप से कुशल नहीं हैं या आपके पास एनिमेटेड होने के लिए चित्रों की श्रृंखला को एक साथ रखने का धैर्य नहीं है, तो आप संभवतः वेब पर एनिमेटेड जीआईएफ छवियां पा सकते हैं जो आपकी आवश्यकताओं के अनुरूप हैं।
PNG FILE:
एक नया प्रारूप जो लोकप्रियता में बढ़ रहा है वह है PNG (पोर्टेबल नेटवर्क ग्राफिक) प्रारूप, जिसका उच्चारण “पिंग” है। इस प्रारूप का उपयोग GIF के समान उद्देश्यों के लिए किया जाता है; हालाँकि, यह रिज़ॉल्यूशन गुणवत्ता के नुकसान के बिना छोटे फ़ाइल आकार और तेज़ी से लोडिंग समय पैदा करता है। यह इंटरलेस्ड छवियों को प्रकट कर सकता है और उन्हें GIF प्रारूप की तुलना में तेजी से उत्पन्न कर सकता है।
पीएनजी और जीआईएफ प्रारूपों के बीच सबसे अधिक ध्यान देने योग्य अंतर पारदर्शी छवियों के साथ होता है। PNG प्रारूप पारदर्शिता के 254 स्तरों तक की अनुमति देता है, जिससे छवियों को पृष्ठ के पृष्ठभूमि रंग या पैटर्न के साथ बेहतर मिश्रण करने की अनुमति मिलती है।
GIF, PNG और JPEG में अंतर
GIF प्रारूप
जीआईएफ प्रारूप इंटरनेट पर सबसे लोकप्रिय प्रारूपों में से एक है। न केवल एक ही रंग के बड़े क्षेत्रों के साथ छवियों के संपीड़ित क्षेत्रों में प्रारूप उत्कृष्ट है, बल्कि यह एनीमेशन ऑनलाइन डालने के लिए एकमात्र विकल्प भी है (जब तक आप फ्लैश या अन्य वेक्टर-आधारित एनीमेशन प्रारूपों का उपयोग नहीं करना चाहते हैं, जो आमतौर पर अधिक खर्च होते हैं) । GIF89a प्रारूप पारदर्शिता और इंटरलेसिंग का भी समर्थन करता है।
जीआईएफ फाइलें अधिकतम 256 रंगों का समर्थन करती हैं, जो तस्वीरों को छोड़कर लगभग सभी ग्राफिक्स के लिए उन्हें व्यावहारिक बनाता है। GIF फ़ाइलों के आकार को कम करने का सबसे आम तरीका पैलेट पर रंगों की संख्या को कम करना है। यह ध्यान रखना महत्वपूर्ण है कि GIF पहले से ही LZW संपीड़न योजना का उपयोग आंतरिक रूप से छवियों को किसी भी डेटा को खोए बिना यथासंभव छोटा बनाने के लिए करता है।
पारदर्शिता
जैसा कि मैंने ऊपर बताया, GIF प्रारूप पारदर्शिता का समर्थन करता है। यह एक ग्राफिक डिजाइनर को छवि की पृष्ठभूमि को पारदर्शी बनाने की अनुमति देता है। इसका मतलब यह है कि यदि आप एक पीले रंग की तालिका सेल में एक पारदर्शी GIF डालते हैं, तो उस छवि का पृष्ठभूमि रंग पीला हो जाएगा।
जुड़ाव
जीआईएफ फाइल में इंटरलाकिंग फीचर तेज लोडिंग ग्राफिक्स का भ्रम पैदा करता है। क्या होता है कि ब्राउज़र में एक छवि कई चरणों में प्रस्तुत की जाती है। सबसे पहले यह फ़र्ज़ी और धुंधली होगी, लेकिन जैसे-जैसे सर्वर से अधिक जानकारी डाउनलोड होती है, तब तक छवि अधिक से अधिक परिभाषित हो जाती है जब तक कि पूरी छवि डाउनलोड नहीं हो जाती। यह ध्यान रखना महत्वपूर्ण है कि इंटरलेस्ड जीआईएफ फाइलें आमतौर पर गैर-इंटरलेस्ड वाले की तुलना में थोड़ी बड़ी होंगी, इसलिए जब यह समझ में आता है तो केवल इंटरलाकिंग का उपयोग करें।
उनका उपयोग कब करना है
आमतौर पर GIF फाइल का इस्तेमाल लोगो, लाइन ड्रॉइंग और आइकन के लिए किया जाना चाहिए। फोटोग्राफिक छवियों के लिए इसका उपयोग करने से बचें, और ग्राफिक्स जिनमें लंबे समय तक निरंतर-स्वर होते हैं। जब आप जीआईएफ फ़ाइलों को डिजाइन कर रहे हों, तो ग्रेडिएंट का उपयोग करने से बचें और एंटी-अलियासिंग को बंद करें जहां फ़ाइल का आकार कम करना संभव हो।
जेपीईजी प्रारूप
जेपीईजी प्रारूप, 16.7 मिलियन रंगों के समर्थन के साथ, मुख्य रूप से फोटोग्राफिक छवियों के लिए अभिप्रेत है। जेपीईजी प्रारूप के आंतरिक संपीड़न एल्गोरिदम, जीआईएफ प्रारूप के विपरीत, वास्तव में जानकारी को बाहर फेंक देता है। आप किन सेटिंग्स का उपयोग करते हैं, इस पर निर्भर करता है कि फेंका गया डेटा आंख को दिखाई नहीं दे सकता है या नहीं। एक बार जब आप एक छवि की गुणवत्ता को कम करते हैं, और इसे बचाते हैं, तो अतिरिक्त डेटा को पुनः प्राप्त नहीं किया जा सकता है इसलिए मूल को सहेजना सुनिश्चित करें।
प्रगतिशील जेपीईजी
किसी भी JPEG फ़ाइल को एक प्रगतिशील JPEG के रूप में सहेजा जा सकता है। यह इंटरलेस्ड GIF के समान है। GIF की तरह, यह पहली बार में आपके विज़िटर के लिए एक निम्न-गुणवत्ता वाली छवि प्रस्तुत करता है, और कई पास इससे बेहतर होता है। कुछ ग्राफिक एडिटिंग टूल आपको इमेज डाउनलोड करने से पहले पास की संख्या निर्दिष्ट करने की अनुमति देते हैं।
कब इस्तेमाल करें
एक नियम के रूप में, जेपीईजी प्रारूप का उपयोग फोटोग्राफिक छवियों पर किया जाना चाहिए, और वे चित्र जो केवल 256 रंगों के साथ अच्छे नहीं लगते हैं।
पीएनजी
वेब द्वारा व्यापक रूप से समर्थित तीसरा, और नवीनतम, फ़ाइल प्रारूप PNG (स्पष्ट पिंग) है। पीएनजी को जीआईएफ की सीमाओं को पार करने के लिए विकसित किया गया था, और एक साधन के रूप में जिसके द्वारा डेवलपर्स अन्य स्वरूपों से जुड़े पेटेंट लाइसेंस के बारे में चिंता करने से बच सकते हैं। PNG को GIF प्रारूप की मुख्य विशेषताओं की पेशकश करने के लिए डिज़ाइन किया गया था, जिसमें स्ट्रीमिंग और प्रगतिशील फ़ाइल प्रारूप शामिल हैं। यह रंग की अधिक गहराई प्रदान करता है, रंग में 24 बिट तक की छवियों को पूरा करता है।
यह उम्मीद है कि निकट भविष्य में पीएनजी के लिए समर्थन व्यापक होगा, हालांकि यह पूरी तरह से जीआईएफ की जगह नहीं लेगा, क्योंकि यह एनीमेशन का समर्थन नहीं करता है।