एसवीजी प्रोफाइल
- एसवीजी 1.0: सभी आधुनिक डेस्कटॉप और मोबाइल ब्राउज़र एसवीजी 1.1 का समर्थन करते हैं, इसलिए इस विकल्प को कभी न चुनें।
- एसवीजी 1.1: आप लगभग हमेशा यही चाहते होंगे।
- एसवीजी टाइनी / बेसिक: यह मोबाइल उपकरणों के लिए एसवीजी का एक सबसेट है। केवल कुछ मुट्ठी भर उपकरण एसवीजी टिनी का समर्थन करते हैं और पूर्ण युक्ति का नहीं, इसलिए एसवीजी 1.1 के लिए जाएं।
नोट: एसवीजी टिनी फ़ाइल का आकार कम नहीं करता है, यह एसवीजी का सिर्फ एक सबसेट है जो कम प्रसंस्करण शक्ति वाले उपकरणों के लिए पर्याप्त है। यह ग्रेडिएंट, अपारदर्शिता, एम्बेडेड फोंट और फिल्टर को छोड़ देगा। एरिक डहलस्ट्रम का कहना है: सभी एसवीजी 1.1 पूर्ण दर्शक एसवीजी 1.1 टिनी / बेसिक सामग्री (कल्पना के अनुसार) के सभी प्रदर्शित करने में सक्षम होना चाहिए, और शायद सभी एसवीजी 1.2 टिनी सामग्री जो इलस्ट्रेटर भी पैदा करता है।
फ़ॉन्ट्स ध्यान दें: यदि आपकी छवि में कोई पाठ नहीं है तो यह सेटिंग मायने नहीं रखती है।
Adobe CEF: कभी भी इस विकल्प का उपयोग न करें कि आप इसे ब्राउज़र में प्रदर्शित करना चाहते हैं। यह एसवीजी फाइलों में फोंट एम्बेड करने का तरीका है, जहां तक मुझे पता है कि यह केवल एसवीजी दर्शक प्लगइन द्वारा समर्थित है।
एसवीजी: यह एसवीजी के रूप में फ़ॉन्ट एम्बेड करता है, जो फ़ायरफ़ॉक्स द्वारा समर्थित नहीं है, लेकिन एक अच्छा विकल्प है यदि आप केवल मोबाइल उपकरणों (जो आमतौर पर वेबकिट चलाते हैं) का समर्थन करने का इरादा रखते हैं।
रूपरेखा बनाएँ: आप यह तब तक करना चाहेंगे , जब तक आपके पास बड़ी मात्रा में पाठ न हो। यदि आपके पास पाठ की एक बड़ी मात्रा है, तो आप फ़ॉन्ट को WOFF के साथ एम्बेड करना चाहेंगे, लेकिन आपको इसे हाथ से करना होगा।
सबसेटिंग :
कोई नहीं: यह पिछली सेटिंग को नकार देगा और किसी भी फ़ॉन्ट को एम्बेड नहीं करेगा, अगर आपको परवाह नहीं है कि फ़ॉन्ट उपयोगकर्ता के कंप्यूटर में किसी अन्य फ़ॉन्ट पर वापस गिरता है तो इसे चुनें।
केवल ग्लिफ़ का उपयोग किया जाता है: यदि आप फ़ॉन्ट एम्बेड करना चुनते हैं, तो आप यह सबसे अधिक समय चाहते हैं। यह केवल उपयोग किए गए वर्णों को एम्बेड करता है इसलिए यह आपकी फ़ाइल का आकार नहीं बढ़ाता है।
[बाकी सबटेटिंग]: यह काफी हद तक स्पष्ट है, आप इसके पूरे फ़ॉन्ट या सबसेट को शामिल करना चुन सकते हैं। यह तभी उपयोगी है जब आपका एसवीजी गतिशील हो और उपयोगकर्ता इनपुट के आधार पर पाठ बदल सकता है।
छवियाँ : यह केवल तभी मायने रखता है जब आप बिटमैप छवियों को शामिल करते हैं
एम्बेड करें: यह आम तौर पर आप क्या चाहते हैं , यह छवि को डेटा uri के रूप में एन्कोड करता है ताकि आप svg फ़ाइल के बजाय सिर्फ एक फ़ाइल अपलोड करें, जिसमें वह साथी बिटमैप चित्र है।
लिंक: इसका उपयोग केवल तभी करें जब आपके पास कई svg फाइलें हों जो एक बिटमैप फ़ाइल को संदर्भित करती हैं (इसलिए यह हर बार डाउनलोड नहीं होती है कि यह svj फाइल को रेंडर करती है)।
ध्यान दें कि एसवीजी <img>टैग के माध्यम से प्रदर्शित होने पर लिंक की गई बिटमैप छवियां प्रदर्शित नहीं होंगी , क्योंकि imgबाहरी संसाधनों को लोड करने की अनुमति नहीं है। इसके अलावा: वेबकिट में एक बग है जो svg फ़ाइलों के भीतर बिटमैप छवियों को प्रदर्शित नहीं करता है, भले ही आप उन्हें एम्बेड करें। संक्षेप में: <svg>यदि आप बिटमैप छवियों को एम्बेड या लिंक करने का इरादा रखते हैं, तो एक सादे टैग का उपयोग न करें <img>।
इलस्ट्रेटर संपादन क्षमताओं को संरक्षित करें
मैं अपनी स्रोत छवि के रूप में एक .ai फ़ाइल को सहेजना पसंद करता हूं, और एसवीजी फ़ाइल को एक Export for webसुविधा के रूप में सोचने के लिए । इस तरह से आप फ़ाइल आकार को कम करने पर ध्यान केंद्रित करते हैं और सभी संपादन क्षमताओं के साथ आपकी वेक्टर फ़ाइल की एक प्राचीन प्रतिलिपि है। इसलिए इसे न चुनें।
दशमलव स्थान
डिफ़ॉल्ट 3एक सेटिंग है और आप ज्यादातर इसके बारे में भूल सकते हैं।
हालाँकि, यदि आपके पास वास्तव में जटिल मार्ग हैं, तो कई बिंदुओं के साथ यह सेटिंग 1 या उससे कम हो जाती है, तो फ़ाइल का आकार काफी हद तक कम हो जाएगा। लेकिन आपको सावधान रहना चाहिए क्योंकि बीज़ियर सेगमेंट इस सेटिंग के प्रति बहुत संवेदनशील हैं और वे थोड़ा विकृत लग सकते हैं। इसलिए यदि आप इस सेटिंग को कम करते हैं तो यह सुनिश्चित करें कि यह ब्राउज़र में स्वीकार्य है।
एन्कोडिंग
चरित्र एन्कोडिंग के पीछे की व्याख्या बल्कि तकनीकी है, और यह केवल पाठ के साथ svg फ़ाइलों की चिंता करता है। सबसे अधिक संभावना है कि आपको एन्कोडिंग की आवश्यकता UTF-8 है , इसे तब तक न बदलें जब तक कि आपको पता न हो कि आप क्या कर रहे हैं।
एडोब एसवीजी व्यूअर के लिए ऑप्टिमाइज़ करें
Adobe SVG Viewer कई बार ब्राउज़र प्लग इन होता है जब ब्राउज़र SVG को मूल रूप से समर्थन नहीं करते हैं। मुझे नहीं पता कि यह क्या करता है, लेकिन यह अप्रासंगिक है, इसकी जांच न करें ।
स्लाइसिंग डेटा शामिल करें
यह आपकी SVG फ़ाइल में मेटाडेटा ब्लोट जोड़ता है, जब तक कि आप अपने SVG फ़ाइल को बाद में इलस्ट्रेटर में खोलने और अपने स्लाइस (यदि आपके पास हैं) को खोजने की योजना नहीं बनाते हैं, तो इसकी जांच न करें
XMP शामिल करें
फ़ाइल के बारे में अधिक मेटाडेटा, आप XMP पर यहाँ पढ़ सकते हैं । यह मत देखो
आउटपुट कम <tspan>तत्व
यदि आपके पास पाठ नहीं है तो यह धूसर हो जाएगा। एसवीजी कर्निंग टेबल का समर्थन नहीं करता है, इसलिए, कुछ निश्चित वर्ण अनुक्रम बहुत अधिक होंगे, अर्थात AVA। इलस्ट्रेटर tspanतत्वों को जोड़कर काम करता है और चरित्र को थोड़ा मोड़ देता है। यह फ़ाइल को ब्लोट में जोड़ता है, इसे तब तक चेक न करें जब तक कि आप टेक्स्ट की उपस्थिति की तुलना में फ़ाइल के आकार के बारे में अधिक ध्यान न दें ।
<textpath>एक पथ पर पाठ के लिए तत्व का उपयोग करें
यदि आपके पास किसी पथ पर पाठ नहीं है तो यह धूसर हो जाएगा। जब एक पथ पर पाठ रखने की बात आती है, तो ब्राउज़र बहुत भिन्न होते हैं, इसलिए इलस्ट्रेटर ब्राउज़र पर नौकरी छोड़ने के बजाय घुमाव और स्थिति को चरित्र पर लागू करने में मददगार साबित होता है। जब तक आप पाठ के आकार की तुलना में फ़ाइल आकार के बारे में अधिक परवाह नहीं करते हैं, तब तक इसकी जांच न करें ।
सामान्य तौर पर, मैं आपको सामान्य रूप से एसवीजी में देखने की सलाह दूंगा, आप पाएंगे कि यह एचटीएमएल जैसा दिखता है और यह आपको उन चीजों को मोड़ने की अनुमति देता है जो इलस्ट्रेटर के भीतर नहीं की जा सकती हैं।
