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