एसवीजी प्रोफाइल
- एसवीजी 1.0: सभी आधुनिक डेस्कटॉप और मोबाइल ब्राउज़रों का समर्थन एसवीजी 1.1, अतः इस विकल्प कभी नहीं चुनें।
- एसवीजी 1.1: आप लगभग हमेशा यह चाहते हैं।
- एसवीजी छोटा/मूल: यह मोबाइल उपकरणों के लिए एसवीजी का एक सबसेट है। केवल कुछ मुट्ठी भर डिवाइस एसवीजी छोटे का समर्थन करते हैं और पूर्ण कल्पना नहीं, इसलिए एसवीजी 1.1 के लिए जाएं।
नोट: एसवीजी टिनी फ़ाइल आकार को कम नहीं करता है, यह सिर्फ एसवीजी के एक सबसेट है कि कम प्रसंस्करण शक्ति उपकरणों के लिए पर्याप्त है। यह ग्रेडियेंट, अस्पष्टता, एम्बेडेड फोंट और फिल्टर को त्याग देगा। एरिक डाह्लस्ट्रॉम कहते हैं: सभी एसवीजी 1.1 पूर्ण दर्शक सभी एसवीजी 1.1 छोटे/मूल सामग्री (spec के अनुसार), और शायद एसवीजी 1.2 छोटी सामग्री को प्रदर्शित करने में सक्षम होना चाहिए जो इलस्ट्रेटर भी उत्पन्न करता है।
फ़ॉन्ट्स नोट: यदि आपके पास अपनी छवि में कोई टेक्स्ट नहीं है तो यह सेटिंग कोई फर्क नहीं पड़ता।
एडोब सीईएफ: इस विकल्प का उपयोग कभी भी ब्राउज़र में प्रदर्शित करने का इरादा नहीं है। यह एसवीजी फाइलों में एम्बेडिंग फोंट का एडोब का तरीका है, जहां तक मुझे पता है कि यह केवल एडोब के एसवीजी दर्शक प्लगइन द्वारा समर्थित है।
एसवीजी: इस एसवीजी, जो फ़ायरफ़ॉक्स द्वारा समर्थित नहीं है के रूप में फ़ॉन्ट एम्बेड करता है, लेकिन एक अच्छा विकल्प है यदि आप केवल मोबाइल उपकरणों (जो आमतौर पर वेबकिट चलाने) का समर्थन करना चाहते हैं।
रूपरेखा बनाएं: आप अधिकतर समय करना चाहेंगे, जब तक आपके पास बड़ी मात्रा में टेक्स्ट न हो। यदि आपके पास बड़ी मात्रा में टेक्स्ट है तो आप डब्ल्यूओएफएफ के साथ फ़ॉन्ट एम्बेड करना चाहते हैं लेकिन आपको इसे हाथ से करना होगा।
subsetting:
कोई नहीं: इस पहले की सेटिंग नकारना होगा और किसी भी फ़ॉन्ट एम्बेड नहीं होगा, अगर आप परवाह नहीं है कि फ़ॉन्ट में कुछ अन्य फ़ॉन्ट के लिए वापस गिर जाता है उपयोगकर्ता का कंप्यूटर इसे चुनें।
केवल ग्लाइफ का उपयोग किया जाता है: यदि आप फ़ॉन्ट एम्बेड करना चुनते हैं तो आप अधिकतर चाहेंगे। यह केवल वर्णित वर्णों को एम्बेड करता है, इसलिए यह आपके फ़ाइल आकार को फुलाता नहीं है।
[बाकी सबसेटिंग]: यह काफी स्पष्ट है, आप इसका संपूर्ण फ़ॉन्ट या सबसेट शामिल करना चुन सकते हैं। यह केवल तभी उपयोगी होता है जब आपका एसवीजी गतिशील हो और पाठ इनपुट उपयोगकर्ता के आधार पर बदल सकता है।
छवियाँ: यह केवल मामलों अगर आप बिटमैप छवियों
एम्बेड शामिल कर रहे हैं: यह आम तौर पर क्या आप चाहते है, यह एक डेटा uri के रूप में छवि encodes ताकि आप svg फ़ाइल के बजाय इसके साथी बिटमैप छवियों के साथ एक फ़ाइल अपलोड करें।
लिंक: केवल तभी उपयोग करें जब आपके पास एक बिटमैप फ़ाइल का संदर्भ देने वाली कई svg फ़ाइलें हों (इसलिए यह हर बार svg फ़ाइल प्रस्तुत करता है)।
ध्यान दें कि बिटमैप छवियों लिंक किया था तो एसवीजी <img>
टैग के माध्यम से प्रदर्शित किया जाता है प्रदर्शित नहीं करेगा, क्योंकि img
बाह्य संसाधनों लोड हो रहा है की अनुमति नहीं है। इसके अलावा: वेबकिट में एक बग है जो एसवीजी फाइलों के भीतर बिटमैप छवियों को प्रदर्शित नहीं करता है भले ही आप उन्हें एम्बेड करते हैं। संक्षेप में: यदि आप बिटमैप छवियों को एम्बेड या लिंक करना चाहते हैं तो एक सादा <svg>
टैग का उपयोग करें, <img>
का उपयोग न करें।
बचाना इलस्ट्रेटर संपादन क्षमताओं
मैं अपने स्रोत छवि के रूप में एक .ai फ़ाइल को बचाने के लिए, और एक Export for web
सुविधा के रूप में एसवीजी फ़ाइल के बारे में सोचना पसंद करते हैं।इस तरह आप फ़ाइल आकार को कम करने पर ध्यान केंद्रित करते हैं और सभी संपादन क्षमताओं के साथ अपनी वेक्टर फ़ाइल की एक पुरानी प्रतिलिपि रखते हैं। तो इसे मत चुनें।
दशमलव स्थान
डिफ़ॉल्ट 3
एक समझदार सेटिंग है और आप ज्यादातर इसके बारे में भूल सकता है।
हालांकि, यदि आपके पास 1 या 0 तक इस सेटिंग को कम करने वाले कई बिंदुओं के साथ वास्तव में जटिल पथ हैं, तो फ़ाइल आकार को काफी कम कर देगा। लेकिन आपको सावधान रहना चाहिए क्योंकि बेजियर सेगमेंट इस सेटिंग के प्रति बहुत संवेदनशील हैं और वे थोड़ा विकृत लग सकते हैं। इसलिए यदि आप इस सेटिंग को कम करते हैं तो हमेशा यह सुनिश्चित करें कि यह ब्राउज़र में स्वीकार्य दिखता है।
एन्कोडिंग
वर्ण एन्कोडिंग के पीछे स्पष्टीकरण नहीं बल्कि तकनीकी है, और यह केवल पाठ के साथ चिंताओं SVG फ़ाइलें। आपको सबसे अधिक संभावना एन्कोडिंग की आवश्यकता है यूटीएफ -8, इसे तब तक न बदलें जब तक आप यह नहीं जानते कि आप क्या कर रहे हैं।
के लिए अनुकूलन एडोब एसवीजी व्यूअर
एडोब एसवीजी व्यूअर बार जब ब्राउज़रों देशी रूप एसवीजी समर्थन नहीं किया से एक ब्राउज़र प्लगइन है। मुझे नहीं पता कि यह क्या करता है, लेकिन यह अप्रासंगिक है, यह देखें नहीं।
टुकड़ा करने की क्रिया डेटा
यह आपके एसवीजी फ़ाइल के लिए मेटाडेटा ब्लोट कहते हैं जब तक आप Illustrator में बाद में अपने एसवीजी फ़ाइल को खोलने और अपने स्लाइस खोजने (यदि आप उन्हें है), इस की जांच नहीं करते पर योजना को शामिल करें
फ़ाइल, आप कर सकते हैं read on XMP here के बारे में XMP
अधिक मेटाडाटा को शामिल करें। इस
आउटपुट की जांच नहीं करते कम <tspan>
तत्वों
यह भूरा हो जाता है यदि आप पाठ नहीं है। एसवीजी कर्नलिंग टेबल का समर्थन नहीं करता है, इसलिए, कुछ चरित्र अनुक्रम बहुत अधिक दिखाई देंगे, यानी AVA
। इलस्ट्रेटर tspan
तत्व जोड़कर और चरित्र की स्थिति को थोड़ा सा जोड़कर काम करता है। यह फ़ाइल में थोड़ा सा ब्लोट जोड़ता है जब तक कि आप टेक्स्ट उपस्थिति की तुलना में फ़ाइल आकार के बारे में अधिक परवाह नहीं करते हैं, तब तक यह जांच न करें।
उपयोग एक रास्ता
इस पर पाठ के लिए <textpath>
तत्व भूरा हो जाता है अगर आप एक पथ पर पाठ नहीं है। जब पथ पर टेक्स्ट डालने की बात आती है तो ब्राउजर बहुत भिन्न होते हैं, इसलिए इलस्ट्रेटर ब्राउज़र पर नौकरी छोड़ने के बजाय रोटेशन और स्थिति को स्थानांतरित करके सहायक होने की कोशिश करता है। जब तक आप टेक्स्ट उपस्थिति की तुलना में फ़ाइल आकार के बारे में अधिक परवाह नहीं करते हैं, तब तक इसकी जांच न करें।
सामान्य तौर पर, मैं तुम्हें सामान्य रूप में एसवीजी गौर करने की सलाह देते हैं, तो आप यह है कि यह HTML की तरह एक बहुत लग रहा है मिल जाएगा और यह आप चीजें हैं जो इलस्ट्रेटर के भीतर नहीं किया जा सकता है बदल सकते हैं।
दोनों प्रश्न और उत्तर दोनों इस पर वास्तव में अच्छे हैं - बाउमर और डुओपिक्सल दोनों के लिए प्रोप। – aendrew
@एंड्रू, धन्यवाद! – Baumr
बहुत उपयोगी मार्गदर्शिका: http://creativedroplets.com/export-svg-for-the-web-with-illustrator-cc/ –