जवाबों:
मैं पीएनजी को इस तथ्य के लिए कहूंगा कि यह एसवीजी की तुलना में अधिक स्वीकृत प्रारूप है।
तथ्य यह है कि आपने एक विकल्प के रूप में एसवीजी का नाम दिया है, इसका मतलब है कि हम फोटो ग्राफिक्स को एक इच्छित उपयोग के मामले के रूप में नियंत्रित कर सकते हैं - क्योंकि एसवीजी केवल लाइन-आर्ट ग्राफिक्स जैसे लोगो, आइकन और क्लिप-आर्ट जैसे चित्रण के लिए अच्छे हैं।
यदि आप फोटो ग्राफिक्स के लिए इस विकल्प पर विचार कर रहे हैं, तो कोई विकल्प नहीं है; पीएनजी शायद हमेशा बेहतर होगी। ग्राफिक्स के लिए जहां एसवीजी एक व्यवहार्य विकल्प है, वहीं एसएनजी पीएनजी / जेपीईजी कमबैक के साथ सबसे अच्छा विकल्प है। पीएनजी में कई ताकतें हैं, लेकिन स्केलेबिलिटी और फाइल के आकार पर, यह अक्सर एसवीजी से मेल नहीं खाएगा।
एक-दूसरे के खिलाफ उनका वजन करते हुए, PNG निश्चित रूप से इस वर्तमान समय में SVG की तुलना में अधिक ब्राउज़रों द्वारा समर्थित होगा, लेकिन नए जारी किए गए उपकरणों के संकल्प हमेशा के लिए बढ़ रहे हैं, जिसका अर्थ है कि PNG को विभिन्न संकल्पों की एक विस्तृत विविधता के आधार पर सेवा करने की आवश्यकता होगी (मीडिया क्वेरीज़, जावास्क्रिप्ट या उपयोगकर्ता एजेंट सूँघने के माध्यम से) या ब्राउज़रों द्वारा बढ़ाया गया, जो कुछ अपूर्ण परिणाम उत्पन्न कर सकता है।
हम भविष्य में जो कुछ जानते हैं उसे देखते हुए ; इंटरनेट पर हमेशा उच्च संकल्प, व्यापक समर्थन और एसवीजी का व्यापक उपयोग; यह समझ में आता है कि क्या आ रहा है।
सामान्य तौर पर, वेबसाइटों को कई वर्षों तक चलने के लिए बनाया जाना चाहिए; 5 साल के समय में आपकी खूबसूरती से पीछे की ओर संगत वेबसाइट 2% इंटरनेट उपयोगकर्ताओं के लिए आश्चर्यजनक लग सकती है जो अभी भी पुराने ब्राउज़रों का उपयोग कर रहे हैं, फिर भी क्रेज़ी रिज़ॉल्यूशन वाले ब्राउज़रों की तारीख तक काफी खराब हैं - इसलिए यह बहुत मुश्किल विकल्पों का ढेर है कि किस रास्ते पर समझौता।
केवल पीएनजी
गुणवत्ता के लिए आपको स्क्रीन आकार और रिज़ॉल्यूशन के आधार पर कम से कम पांच अलग-अलग संस्करणों की सेवा करने की आवश्यकता होगी - और यह एक बहुत ही रूढ़िवादी मार्गदर्शक है, यदि आप बेहद संपूर्ण बनना चाहते हैं, तो एक ही छवि के 10 - 15 संस्करण समाप्त हो सकते हैं। । इसे लागू करने में भी कुछ समय लगता है।
यदि आपने एक ही ग्राफिक को परोसने के लिए चुना है और ब्राउज़र पैमाने पर है, तो परिणाम संभवतः सही से कम होंगे, और स्केलिंग की मात्रा के आधार पर भी बदसूरत हो सकते हैं।
बड़ी संख्या में मीडिया क्वेरी अनावश्यक रूप से सीएसएस को ब्लोट कर सकती हैं और पृष्ठ लोडिंग गति पर नकारात्मक प्रभाव डाल सकती हैं।
पुराने ब्राउज़रों और उपकरणों पर बहुत अच्छा लगेगा, लेकिन नए लोगों पर बहुत अच्छा नहीं होगा।
सिंगल PNG / JPEG / GIF कमबैक के साथ SVGs
आप हर जगह एसवीजी का उपयोग कर सकते हैं और फिर यह ब्राउजर के लिए एक और प्रारूप में वापस आ सकता है जो एसवीजी का समर्थन नहीं करता है। मुख्य लाभ यह है कि आपको सभी विभिन्न प्रस्तावों के लिए केवल एक फ़ाइल की आवश्यकता है।
यदि आप समझौता करते हैं और स्वीकार करते हैं कि पुराने ब्राउज़र पर उपयोगकर्ता अपूर्ण स्केल ग्राफिक्स के साथ रह सकते हैं, तो आपको पीएनजी, जेपीईजी या जीआईएफ प्रारूप में प्रत्येक फ़ाइल के एक दूसरे संस्करण की आवश्यकता होगी।
इसे लागू करने में PNG को केवल मीडिया के प्रश्नों के समान समय लगेगा - संभवतः इससे भी कम, जिसका अर्थ है कि यह संभवतः समान मूल्य के आसपास होगा।
सभी नए उपकरणों पर बहुत अच्छा लगेगा, पुरानी तकनीक पर बलिदान के साथ।
संकल्प और स्क्रीन के आकार पर निर्भर कई पीएनजी / जेपीईजी / जीआईएफ कमियों के साथ एसवीजी
आप पहले SVG की सेवा कर सकते हैं, और फिर उन ब्राउज़र के लिए रिज़ॉल्यूशन-निर्भर PNGs, जो SVG का समर्थन नहीं करते हैं। यह सबसे संपूर्ण, सबसे पीछे और आगे की ओर संगत, सबसे सुसंगत और सबसे महंगा समय लेने वाला विकल्प होगा।
यह संभवत: 1 और 2 संयुक्त रूप से अधिक समय लेगा, और किंक बाहर काम करने के लिए थोड़ा अतिरिक्त होगा।
लगभग हर डिवाइस पर अद्भुत लगेगा ।
<picture>विभिन्न छवि आकारों के साथ मदद करने वाले तत्व के बारे में कुछ उल्लेख कर सकते हैं
एसवीजी स्केलेबल है, अगर आपके पास एक वेक्टर-ग्राफिक है जो एक स्पष्ट लाभ है। पिक्सेल-ग्राफिक्स के लिए पीएनजी बेहतर है। एक नकारात्मक पक्ष यह है कि इंटरनेट एक्सप्लोरर केवल आने वाले संस्करण 9 (प्लगइन के साथ) से पहले एसवीजी का समर्थन करता है। मोबाइल ब्राउज़र में एसवीजी के लिए सीमित समर्थन भी हो सकता है।
संपादित करें : जैसा कि क्लेमडेम बताता है, पुराने IE- संस्करण पूरी तरह से पारदर्शी PNG का समर्थन नहीं करते हैं, क्योंकि IE8 समर्थित है। गैर-पारदर्शी PNG ठीक काम करते हैं। Computerish के जवाब में अब के लिए वेक्टर छवियों को संभालने के लिए एक महान समाधान है: उन्हें SVG के रूप में रखें, लेकिन उन्हें PNG के रूप में वेब के लिए निर्यात करें। मैं इस समाधान से पूरी तरह सहमत हूं।
निश्चित रूप से एक वेबसाइट के लिए पीएनजी का उपयोग करें। एसवीजी बस पर्याप्त रूप से व्यापक रूप से समर्थित नहीं है और यह एक चपटा निर्यात के लिए पीएनजी पर कुछ (यदि कोई है) महत्वपूर्ण लाभ है। कहा, एसवीजी में अपनी सभी कार्यशील प्रतियाँ रखें।
मैं पीएनजी के साथ सुरक्षित पक्ष पर रहना चाहूंगा। एसवीजी अभी भी कई बड़ी इंटरनेट कंपनियों और ब्राउज़रों द्वारा पूरी तरह से स्वीकार नहीं किया गया है। हालांकि एसवीजी स्केलेबल हैं और वे वैक्टर हैं जो अक्सर अनावश्यक होते हैं, अधिक स्थान लेते हैं और वेबसाइट को ओवरप्ले करते हैं।
मुझे उम्मीद है कि आपके सवाल का जवाब दिया :)
भले ही SVG को विश्व स्तर पर स्वीकार नहीं किया गया है और कुछ लोगों के पास PNG को स्केल करने का निराशाजनक समय है, मैंने हमेशा पाया है कि Adobe Illustrator के भीतर एक आइकन बनाना एक "उचित" राशि को बढ़ाने या घटाने के लिए सबसे अच्छा काम करता है।