वेब पर स्केलेबल वेक्टर ग्राफिक्स के लिए सर्वश्रेष्ठ फ़ाइल प्रारूप?

Question

मैं एक नई वेबसाइट बना रहा हूं और मैं उस वेबसाइट का लोगो सभी उपकरणों में समान रूप से तेज दिखाना चाहता हूं (डेस्कटॉप कंप्यूटर से लेकर आईफोन और आईपैड पर रेटिना डिस्प्ले तक)।

लोगो मैं किसी भी ढ़ाल या पिक्सल शामिल नहीं करता है, तो मैं आसानी से यह एक सदिश प्रारूप में बचा सकता है। हालांकि, कोई भी वास्तव में यह नहीं बता सकता कि इसके लिए सबसे अच्छा प्रारूप क्या होगा।

क्या यह एसवीजी या पीएनजी उदा।

और मैं एक एसवीजी फ़ाइल कैसे बनाएंगे?

Google पर भी अधिक जानकारी उपलब्ध नहीं है।

इसके साथ अपना अनुभव साझा करने के लिए धन्यवाद।

Answer 1

चूंकि एसवीजी "स्केलेबल वेक्टर ग्राफिक्स" के लिए खड़ा है, यह शायद आपकी सबसे अच्छी पसंद है;) पीएनजी एक पिक्सेल प्रारूप है, इसलिए यह ज़ूम इन या आउट के रूप में अच्छी तरह से स्केल नहीं करेगा।

SVG चित्र करने के लिए एक आम पुस्तकालय Processing.js है, यह बाहर की जाँच करें और यदि यह है कि तुम क्या करना चाहते हैं करता है देखो!

Answer 2

खैर, सही उत्तर यह है: "यह निर्भर करता है", एसवीजी ब्राउज़र द्वारा आकर्षित करना अधिक कठिन होता है और सही तरीके से प्रदर्शित होने के लिए कुछ कारक शामिल होते हैं, दूसरी तरफ पीएनजी प्रदर्शित करना अधिक आसान होता है, खासकर मोबाइल में प्लेटफार्म, उदाहरण के लिए आईओएस डिवाइस पीएनजी छवियों को आकर्षित करने के लिए अनुकूलित कर रहे हैं।

दूसरी ओर, SVGs लाभ यह है कि वे जितना बढ़ाया जा सकता है के रूप में आप की तरह है, और वे नेटवर्क पर प्रसारित किया जा करने के लिए हल्के हैं।

आप इंकस्केप या एडोब इलस्ट्रेटर के साथ SVG चित्र बना सकते हैं।

चीयर्स

Answer 3

ओह लड़का - वहाँ many of them हैं। इसके अलावा कंपाउंड प्रारूप भी हैं जिनमें रास्टर + वेक्टर डेटा (जैसे लोकप्रिय पीडीएफ प्रारूप) है। मुझे संदेह है कि पीडीएफ समाधान सबसे पोर्टेबल होगा, यह देखते हुए कि आप किसी भी तरह से अपने लोगो को वेक्टर डेटा के रूप में पीडीएफ में निर्यात करेंगे। नरक, आप केवल जावास्क्रिप्ट के साथ display PDF भी कर सकते हैं। या आप एडोब फ्लैश पथ ले सकते हैं ...

Answer 4

लोगो डिज़ाइन बेहतर कुछ प्रारूपों में बेहतर रखा जाता है: पीडीएफ, एसवीजी, एआई, ईपीएस, & डीएक्सएफ। (ट्रू वेक्टर प्रारूप - स्केलेबल/लापरवाही) कोई सच्ची वेक्टर छवि को कोई पिक्सेल या विरूपण के बिना, किसी भी अंत तक स्केल नहीं किया जा सकता है।

और, यदि आप एक बिटमैप स्वरूप का उपयोग, PNG फ़ाइलें से चिपक कर लें। पीएनजी समर्थन पारदर्शिता और लापरवाह बिटमैप्स हैं, लेकिन अभी भी एक रास्टर छवि हैं, इसलिए तदनुसार स्केल किए जाने पर वे कुछ हद तक गुणवत्ता हानि दिखाएंगे। इसलिए, पीएनजी कुछ वेब उपयोगों के लिए बहुत अच्छा है, लेकिन ऐसा कुछ नहीं जिसे मैं प्रिंट के लिए अनुशंसा करता हूं।

मैं वेब डिस्प्ले के लिए .png प्रारूप की अनुशंसा करता हूं, लेकिन प्रिंट डिज़ाइन/संस्करण सच्चे वेक्टर प्रारूप में होना चाहिए।