तिथे अनेक प्रतिमा स्वरूप आहेत जे वेब पृष्ठांवर वापरले जाऊ शकतात. काही सामान्य उदाहरणे म्हणजे जीआयएफ , जेपीजी आणि पीएनजी . SVG फाइल्सचा वापर सामान्यतः आज वेबसाइट्सवर केला जातो, वेब डिझाइनर ऑनलाइन प्रतिमासाठी अजून एक विकल्प देत आहेत.
GIF प्रतिमा
जीआयएफ फाइल्सचा उपयोग छायाचित्रांच्या लहान, निश्चित संख्येसह. GIF फाइल्स नेहमी 256 अनन्य रंगांपेक्षा कमी नाहीत. जेपीजी फाईल्सपेक्षा जीआयएफ फाइल्ससाठी कॉम्प्रेशन अल्गोरिदम कमी जटिल आहे, परंतु जेव्हा सपाट रंगाच्या प्रतिमांवरून वापरला जातो आणि मजकूर खूप लहान आकाराच्या आकाराच्या निर्मिती करतो.
GIF स्वरूपात फोटोग्राफिक प्रतिमांसाठी किंवा ग्रेडीयंट रंगांवरील प्रतिमासाठी योग्य नाही. GIF फॉरमॅटमध्ये मर्यादित संख्या असल्यामुळे, GIF फाईल म्हणून जतन केल्यावर ग्रेडीयंट्स आणि फोटोग्राफ्स बँडिंग आणि पिक्सेलेशनसह समाप्त होतील.
थोडक्यात, आपण केवळ काही रंगात असलेल्या साध्या प्रतिमांकरिता जीआयएफचा वापर करू शकाल, पण आपण त्या साठी पीएनजीचा वापर देखील करू शकता (लवकरच त्याहून अधिक).
JPG प्रतिमा
छायाचित्र आणि इतर प्रतिमा ज्यामध्ये कोट्यावधी रंग आहेत अशा JPG प्रतिमा वापरा हे जटिल कॉम्पे्रेशन अल्गोरिदम वापरते जे आपल्याला प्रतिमा काही गुणवत्ता गमावून लहान ग्राफिक्स तयार करण्याची परवानगी देते. याला "नुकसानकारक" संक्षेप असे म्हटले जाते कारण प्रतिमा संकुचित झाल्यावर प्रतिमामधील काही माहिती गमावली जाते.
जेपीजीचे स्वरूप मजकूरासह, घन रंगाचे मोठे ब्लॉक्स आणि कुरकुरीत कडा असलेल्या साध्या आकारांसाठी उपयुक्त नाहीत. याचे कारण असे की जेव्हा प्रतिमा संकुचित केली जाते, तेव्हा मजकूर, रंग किंवा रेषा अस्पष्ट होऊ शकतात कारण त्या परिणामी त्या चित्रात तीक्ष्ण नसतात ज्या दुसर्या स्वरूपात जतन केल्या जातील.
छायाचित्रे आणि प्रतिमा ज्या मोठ्या आणि बरेच नैसर्गिक रंग आहेत अशा JPG प्रतिमा वापरल्या जातात.
पीएनजी प्रतिमा
जेव्हा GIF चित्रांवर रॉयल्टी फी आकारला जाईल असे दिसून आले तेव्हा पीएनजी स्वरुपात GIF स्वरूपाच्या बदली म्हणून विकसित केले गेले. पीएनजी ग्राफिक्समध्ये GIF प्रतिमांपेक्षा एक चांगली कॉम्पे्रेशन दर आहे ज्यामुळे GIF म्हणून जतन केलेल्या समान फाइलपेक्षा लहान प्रतिमांची संख्या वाढते. पीएनजी फाइल्स अल्फा पारदर्शिता देतात, म्हणजे आपल्याला आपल्या प्रतिमांचे क्षेत्रे असू शकतात जी पूर्णपणे पारदर्शक असतात किंवा अगदी अल्फा पारदर्शकता असणाऱ्या श्रेणींचा वापर करतात. उदाहरणार्थ, एक ड्रॉप सावली पारदर्शकता प्रभाव श्रेणी वापरते आणि एक पीएनजी (किंवा आपण त्याऐवजी सीएसएस छापा वापरून आम्हाला समाप्त करू शकता) उपयुक्त होईल.
PNG प्रतिमा, जसे की GIF, फोटोग्राफसाठी योग्य नाहीत. खरे रंग वापरून जीआयएफ फाइल्सच्या रूपात छायाचित्रे छायाचित्रे छायाचित्रांवर परिणाम करणा-या बँडिंग इतिहासाचा अंदाज घेणे शक्य आहे, परंतु यामुळे मोठ्या आकाराच्या चित्रांमध्ये परिणाम होऊ शकतो. जुन्या सेल फोन्स आणि वैशिष्ट्य फोनद्वारे पीएनजी प्रतिमा देखील समर्थित नाहीत.
आम्ही कोणत्याही फाइलसाठी पीएनजी वापरतो ज्यात पारदर्शकता आवश्यक आहे. आम्ही कोणत्याही पीईजी -8 फाइलचा वापर करतो जो त्याऐवजी पीआयजी स्वरूपात जीआयएफसारखी उपयुक्त आहे.
एसव्हीजी प्रतिमा
एसव्हीजी म्हणजे स्केलेबल व्हेक्टर ग्राफिक. जेपीजी, जीआयएफ, आणि पीएनजीमध्ये सापडलेल्या रास्टर-आधारित स्वरूपांपेक्षा हे फाईल्स फारच लहान फाइल्स तयार करतात ज्या फाईल्सच्या आकारात वाढलेल्या गुणवत्तेची हानी न करता कोणत्याही आकारात सादर करता येतात. ते चित्रे आणि लोगो यासारखे स्पष्टीकरणांसाठी तयार केले जातात.
वेब डिलिवरीसाठी प्रतिमा तयार करणे
आपण कोणता प्रतिमा स्वरूपन वापरत असलात आणि आपली वेबसाइट सर्व पृष्ठांवर अनेक स्वरूपनांचा वापर करणे सुनिश्चित करते, आपल्याला हे सुनिश्चित करण्याची आवश्यकता आहे की त्या साइटवरील सर्व प्रतिमा वेब डिलीव्हरीसाठी तयार केल्या आहेत. मोठ्या-मोठ्या प्रतिमा साइट धीमे चालवतील आणि संपूर्ण कामगिरीवर परिणाम करू शकतात. हे सोडविण्यासाठी, त्या प्रतिमा उच्च गुणवत्ता आणि त्या गुणवत्ता स्तरावर शक्य सर्वात कमी फाइल आकार दरम्यान शिल्लक शोधण्यासाठी अनुकूलित करणे आवश्यक आहे .
योग्य प्रतिमा स्वरूपन निवडणे हा युद्धाचा एक भाग आहे, परंतु हे महत्वाचे वेब वितरण प्रक्रियेत आपण पुढील फाइल्स तयार करण्याचे सुनिश्चित केले आहे.
जेनिफर क्रिनिन द्वारे मूळ लेख. जेरेमी गिरर्ड द्वारा संपादित.