वेब पेजों पर कई छवि प्रारूपों का उपयोग किया जा सकता है। जीआईएफ , जेपीजी और पीएनजी के कुछ सामान्य उदाहरण हैं। एसवीजी फाइलों का भी आज वेबसाइटों पर उपयोग किया जाता है, जिससे वेब डिज़ाइनरों को ऑनलाइन छवि के लिए एक और विकल्प दिया जाता है।
GIF छवियों
उन छवियों के लिए जीआईएफ फाइलों का उपयोग करें जिनमें रंगों की एक छोटी, निश्चित संख्या है। जीआईएफ फाइलों को हमेशा 256 अद्वितीय रंगों से कम नहीं किया जाता है। जीआईएफ फाइलों के लिए संपीड़न एल्गोरिदम जेपीजी फाइलों की तुलना में कम जटिल है, लेकिन जब फ्लैट रंग छवियों और पाठ पर उपयोग किया जाता है तो यह बहुत छोटा फ़ाइल आकार उत्पन्न करता है।
जीआईएफ प्रारूप फोटोग्राफिक छवियों या ढाल रंगों वाली छवियों के लिए उपयुक्त नहीं है। चूंकि जीआईएफ प्रारूप में जीआईएफ फाइल के रूप में सहेजे जाने पर सीमित मात्रा में रंग, ग्रेडियेंट और फोटोग्राफ बैंडिंग और पिक्सेलेशन के साथ खत्म हो जाएंगे।
संक्षेप में, आप केवल कुछ रंगों के साथ साधारण छवियों के लिए जीआईएफ का उपयोग करेंगे, लेकिन आप इसके लिए पीएनजी का भी उपयोग कर सकते हैं (इसके बारे में जल्द ही)।
जेपीजी छवियां
तस्वीरों और अन्य छवियों के लिए जेपीजी छवियों का उपयोग करें जिनमें लाखों रंग हैं। यह एक जटिल संपीड़न एल्गोरिदम का उपयोग करता है जो आपको छवि की कुछ गुणवत्ता खोकर छोटे ग्राफिक्स बनाने की अनुमति देता है। इसे "हानिकारक" संपीड़न कहा जाता है क्योंकि छवि संपीड़ित होने पर कुछ छवि जानकारी खो जाती है।
जेपीजी प्रारूप पाठ के साथ छवियों, ठोस रंग के बड़े ब्लॉक, और कुरकुरा किनारों के साथ सरल आकार के लिए उपयुक्त नहीं है। ऐसा इसलिए होता है क्योंकि जब छवि संपीड़ित होती है, तो टेक्स्ट, रंग या रेखाएं धुंधली हो सकती हैं जिसके परिणामस्वरूप एक छवि होती है जो उतनी तेज नहीं होती है जितनी इसे किसी अन्य प्रारूप में सहेजी जाएगी।
जेपीजी छवियों का सबसे अच्छा फोटोग्राफ और छवियों के लिए उपयोग किया जाता है जिनमें बहुत सारे प्राकृतिक रंग होते हैं।
पीएनजी छवियां
जीआईएफ प्रारूप के प्रतिस्थापन के रूप में पीएनजी प्रारूप को विकसित किया गया था जब ऐसा लगता था कि जीआईएफ छवियां रॉयल्टी शुल्क के अधीन होंगी। पीएनजी ग्राफिक्स में जीआईएफ छवियों की तुलना में बेहतर संपीड़न दर है जिसके परिणामस्वरूप एक ही फ़ाइल की तुलना में छोटी छवियां जीआईएफ के रूप में सहेजी जाती हैं। पीएनजी फाइलें अल्फा पारदर्शिता प्रदान करती हैं, जिसका अर्थ है कि आपके पास अपनी छवियों के क्षेत्र हो सकते हैं जो या तो पूरी तरह से पारदर्शी हैं या अल्फा पारदर्शिता की एक श्रृंखला का भी उपयोग करते हैं। उदाहरण के लिए, एक ड्रॉप छाया पारदर्शिता प्रभाव की एक श्रृंखला का उपयोग करती है और एक पीएनजी के लिए उपयुक्त होगी (या आप इसके बजाय हमें सीएसएस छाया का उपयोग कर समाप्त कर सकते हैं)।
जीआईएफ की तरह पीएनजी छवियां फोटोग्राफ के लिए उपयुक्त नहीं हैं। बैंडिंग मुद्दे के आसपास जाना संभव है जो वास्तविक रंगों का उपयोग करके जीआईएफ फाइलों के रूप में सहेजी गई तस्वीरों को प्रभावित करता है, लेकिन इसके परिणामस्वरूप बहुत बड़ी छवियां हो सकती हैं। पुराने सेल फोन और फीचर फोन द्वारा पीएनजी छवियों का भी समर्थन नहीं है।
हम किसी भी फाइल के लिए पीएनजी का उपयोग करते हैं जिसके लिए पारदर्शिता की आवश्यकता होती है। हम पीएनजी -8 का उपयोग किसी भी फाइल के लिए भी करते हैं जो जीआईएफ के रूप में उपयुक्त होगा, इसके बजाय इस पीएनजी प्रारूप का उपयोग कर।
एसवीजी छवियां
एसवीजी स्केलेबल वेक्टर ग्राफिक के लिए खड़ा है। जेपीजी, जीआईएफ और पीएनजी में पाए गए रास्टर-आधारित प्रारूपों के विपरीत, ये फ़ाइलें वैक्टर का उपयोग बहुत छोटी फाइलें बनाने के लिए करती हैं जिन्हें किसी भी आकार में प्रस्तुत किया जा सकता है, जिसमें फ़ाइल आकार में वृद्धि की गुणवत्ता में कमी नहीं होती है। वे प्रतीक और यहां तक कि लोगो जैसे चित्रों के लिए बनाए जाते हैं।
वेब वितरण के लिए छवियों की तैयारी
चाहे आप किस छवि प्रारूप का उपयोग करते हों, और आपकी वेबसाइट अपने सभी पृष्ठों पर कई अलग-अलग प्रारूपों का उपयोग करने के लिए निश्चित है, आपको यह सुनिश्चित करना होगा कि उस साइट पर मौजूद सभी छवियां वेब डिलीवरी के लिए तैयार हों । बहुत बड़ी छवियां साइट को धीरे-धीरे चलाने और समग्र प्रदर्शन को प्रभावित करने का कारण बन सकती हैं। इसका मुकाबला करने के लिए, उन छवियों को उस गुणवत्ता स्तर पर उच्च गुणवत्ता और निम्नतम फ़ाइल आकार के बीच संतुलन को खोजने के लिए अनुकूलित किया जाना चाहिए ।
सही छवि प्रारूप का चयन करना युद्ध का हिस्सा है, लेकिन यह भी सुनिश्चित करना कि आपने उन महत्वपूर्ण फ़ाइलों को तैयार किया है, इस महत्वपूर्ण वेब वितरण प्रक्रिया में अगला कदम है।
जेनिफर क्रिनिन द्वारा मूल लेख। जेरेमी गिरार्ड द्वारा संपादित।