हिंदी में html तत्वों



इलस्ट्रेटर से वेब के लिए एसवीजी निर्यात करने के लिए इष्टतम सेटिंग्स? (1)

एसवीजी प्रोफाइल

  • एसवीजी 1.0: सभी आधुनिक डेस्कटॉप और मोबाइल ब्राउज़र एसवीजी 1.1 का समर्थन करते हैं, इसलिए इस विकल्प को कभी भी चुनें।
  • एसवीजी 1.1: आप लगभग हमेशा यह चाहते हैं।
  • एसवीजी टिनी / बेसिक: यह मोबाइल उपकरणों के लिए एसवीजी का एक सबसेट है। केवल कुछ मुट्ठी भर डिवाइस एसवीजी छोटे का समर्थन करते हैं और पूर्ण कल्पना नहीं, इसलिए एसवीजी 1.1 के लिए जाएं।

नोट: एसवीजी टिनी फ़ाइल आकार को कम नहीं करता है, यह केवल एसवीजी का एक सबसेट है जो कम प्रोसेसिंग पावर डिवाइस के लिए पर्याप्त है। यह ग्रेडियेंट, अस्पष्टता, एम्बेडेड फोंट और फिल्टर को त्याग देगा। एरिक डाह्लस्ट्रॉम कहते हैं: सभी एसवीजी 1.1 पूर्ण दर्शक सभी एसवीजी 1.1 छोटे / मूल सामग्री (spec के अनुसार), और शायद एसवीजी 1.2 छोटी सामग्री को प्रदर्शित करने में सक्षम होना चाहिए जो इलस्ट्रेटर भी उत्पन्न करता है।

फ़ॉन्ट्स नोट: यदि आपके पास आपकी छवि में कोई टेक्स्ट नहीं है तो यह सेटिंग कोई फर्क नहीं पड़ता।

  • एडोब सीईएफ: इस विकल्प का उपयोग कभी भी ब्राउज़र में प्रदर्शित करने का इरादा नहीं है। यह एसवीजी फाइलों में एम्बेडिंग फोंट का एडोब का तरीका है, जहां तक ​​मुझे पता है कि यह केवल एडोब के एसवीजी दर्शक प्लगइन द्वारा समर्थित है।

  • एसवीजी: यह फ़ॉन्ट को एसवीजी के रूप में एम्बेड करता है, जो फ़ायरफ़ॉक्स द्वारा समर्थित नहीं है, लेकिन यदि आप केवल मोबाइल डिवाइस (जो आमतौर पर वेबकिट चलाते हैं) का समर्थन करना चाहते हैं तो यह एक अच्छा विकल्प है।

  • रूपरेखा बनाएं: आप इसे अधिकतर समय तक करना चाहेंगे , जब तक आपके पास बड़ी मात्रा में टेक्स्ट न हो। यदि आपके पास बड़ी मात्रा में टेक्स्ट है तो आप डब्ल्यूओएफएफ के साथ फ़ॉन्ट एम्बेड करना चाहते हैं लेकिन आपको इसे हाथ से करना होगा।

सब्सक्रिप्शन :

  • कोई नहीं: यह पिछली सेटिंग को अस्वीकार कर देगा और किसी भी फ़ॉन्ट को एम्बेड नहीं करेगा, अगर आपको कोई परवाह नहीं है कि फ़ॉन्ट उपयोगकर्ता के कंप्यूटर में किसी अन्य फ़ॉन्ट पर वापस आ जाता है तो इसे चुनें।

  • केवल ग्लाइफ का उपयोग किया जाता है: यदि आप फ़ॉन्ट एम्बेड करना चुनते हैं तो आप इसे अधिकतर समय चाहेंगे । यह केवल वर्णित वर्णों को एम्बेड करता है, इसलिए यह आपके फ़ाइल आकार को फुलाता नहीं है।

  • [बाकी सबसेटिंग]: यह काफी स्पष्ट है, आप इसके संपूर्ण फ़ॉन्ट या सबसेट्स को शामिल करना चुन सकते हैं। यह केवल तभी उपयोगी होता है जब आपका एसवीजी गतिशील हो और पाठ इनपुट उपयोगकर्ता के आधार पर बदल सकता है।

छवियां : यह केवल तभी महत्वपूर्ण है जब आप बिटमैप छवियों को शामिल कर रहे हों

  • एम्बेड करें: यह आमतौर पर आप जो चाहते हैं , वह छवि को यूरी के रूप में एन्कोड करता है ताकि आप अपने साथी बिटमैप छवियों के साथ svg फ़ाइल के बजाय बस एक फ़ाइल अपलोड कर सकें।

  • लिंक: इसका उपयोग केवल तभी करें जब आपके पास कई बिटजी फ़ाइलें हैं जो एक बिटमैप फ़ाइल का संदर्भ देती हैं (इसलिए जब भी यह svg फ़ाइल प्रस्तुत करता है तो यह डाउनलोड नहीं होता है)।

ध्यान दें कि एसएमजी <img> टैग के माध्यम से प्रदर्शित होने पर बिटमैप छवियां प्रदर्शित नहीं होंगी, क्योंकि img बाहरी संसाधनों को लोड करने की अनुमति नहीं देता है। इसके अलावा: वेबकिट में एक बग है जो एसवीजी फाइलों के भीतर बिटमैप छवियों को प्रदर्शित नहीं करता है भले ही आप उन्हें एम्बेड करते हैं। संक्षेप में: यदि आप बिटमैप छवियों को एम्बेड या लिंक करना चाहते हैं तो एक सादे <svg> टैग का उपयोग करें, <img> उपयोग न करें।

इलस्ट्रेटर संपादन क्षमताओं को संरक्षित करें

मैं अपनी स्रोत छवि के रूप में .ai फ़ाइल को सहेजना पसंद करता हूं, और एसवीजी फ़ाइल को Export for web फीचर के Export for web रूप में सोचने के लिए पसंद करता हूं। इस तरह आप फ़ाइल आकार को कम करने पर ध्यान केंद्रित करते हैं और सभी संपादन क्षमताओं के साथ अपनी वेक्टर फ़ाइल की एक पुरानी प्रतिलिपि रखते हैं। तो इसे मत चुनें।

दशमलव स्थान

डिफ़ॉल्ट 3 एक सौ सेटिंग है और आप ज्यादातर इसके बारे में भूल सकते हैं।

हालांकि, यदि आपके पास वास्तव में जटिल पथ हैं जो इस सेटिंग को 1 या 0 तक कम करने वाले कई बिंदुओं के साथ फ़ाइल आकार को काफी कम कर देंगे। लेकिन आपको सावधान रहना चाहिए क्योंकि बेजियर सेगमेंट इस सेटिंग के प्रति बहुत संवेदनशील हैं और वे थोड़ा विकृत लग सकते हैं। इसलिए यदि आप इस सेटिंग को कम करते हैं तो हमेशा यह सुनिश्चित करें कि यह ब्राउज़र में स्वीकार्य दिखता है।

एन्कोडिंग

चरित्र एन्कोडिंग के पीछे स्पष्टीकरण बल्कि तकनीकी है, और यह केवल पाठ के साथ svg फ़ाइलों से संबंधित है। आपको आवश्यक सबसे अधिक संभावित एन्कोडिंग यूटीएफ -8 है , इसे तब तक न बदलें जब तक आप नहीं जानते कि आप क्या कर रहे हैं।

एडोब एसवीजी व्यूअर के लिए अनुकूलित करें

एडोब एसवीजी व्यूअर एक ब्राउज़र प्लगइन है जब ब्राउज़र ने एसवीजी को मूल रूप से समर्थन नहीं दिया था। मुझे नहीं पता कि यह क्या करता है, लेकिन यह अप्रासंगिक है, इसे जांचें नहीं

स्लाइसिंग डेटा शामिल करें

यह आपके एसवीजी फ़ाइल में मेटाडाटा ब्लोट जोड़ता है, जब तक कि आप बाद में इलस्ट्रेटर में अपनी एसवीजी फ़ाइल खोलने और अपनी स्लाइस ढूंढने की योजना बनाते हैं (यदि आपके पास है), तो इसे जांचें

एक्सएमपी शामिल करें

फ़ाइल के बारे में अधिक मेटाडेटा, आप यहां एक्सएमपी पर पढ़ सकते हैंयह जांच मत करो

आउटपुट कम <tspan> तत्व

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

पथ पर पाठ के लिए <textpath> तत्व का प्रयोग करें

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

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

मैं एक वेबसाइट के लिए एक एसवीजी लोगो का उपयोग करना चाहता हूं - यह सभी उपकरणों के लिए एक उत्तरदायी डिजाइन पर शानदार दिखने के लिए।

लेकिन चूंकि समस्याएं हैं , इसलिए मैं जितना संभव हो उतने उपकरणों और ब्राउज़रों का समर्थन करना चाहता हूं। लोड गति भी एक महत्वपूर्ण विचार है। एडोब इलस्ट्रेटर में निर्यात सेटिंग्स इस सब में फिट कैसे होती हैं?

इलस्ट्रेटर में, एसवीजी निर्यात के लिए कई विकल्प हैं। सबसे पहले, कौन सा एसवीजी प्रोफाइल सबसे अच्छा है?

मुझे लगता है कि एसवीजी टिनी का निचला फ़ाइल आकार है? क्या कई डिवाइस एसवीजी छोटे का समर्थन करते हैं? सबसे महत्वपूर्ण मतभेद क्या हैं? ( इस डब्ल्यू 3 राक्षस को पढ़ने के बिना।)

दूसरा, मुझे लगता है कि छवि स्थान के लिए सबसे अच्छा विकल्प "लिंक" है? (विस्मयादिबोधक चिह्न के बाद विवरण देखें।)

वैकल्पिक रूप से, "एम्बेड" विकल्प के लिए ब्राउज़र समर्थन कैसा है?

धन्यवाद!

पीएस एक फॉलबैक अल्फा-पीएनजी विकल्प होगा, लेकिन मैं चाहता हूं कि एसवीजी जितना संभव हो उतना सर्वोत्तम समर्थित हो। (इसके बारे में सोचने के लिए आओ, एक फॉलबैक विकल्प - जैसे जेपीजी - शायद इस मामले में सबसे अच्छी सेवा होगी क्योंकि अल्फा-पीएनजी को पुराने आईई के लिए एक समाधान की जरूरत है।)

अद्यतन: ऐसे कई विकल्प भी हैं जिन्हें कॉन्फ़िगर किया जा सकता है। मैं पाठ के साथ काम नहीं कर रहा हूं, इसलिए एकमात्र प्रासंगिक जो मैं देखता हूं वह दशमलव स्थान है। लोगो के लिए, अधिकतम 200x200px के रूप में प्रदर्शित किया जाना चाहिए (इसलिए रेटिना डिस्प्ले पर 400x400px), "3" सबसे अच्छी सेटिंग है? या फ़ाइल आकार को कम करने के लिए "2"?





adobe-illustrator