2012-10-12 12 views
5

मुझे वेक्टर लोगो (स्मार्ट ऑब्जेक्ट) के साथ PSD फ़ाइल मिली है। मुझे इसे वेबसाइट के उपयोग के लिए एसवीजी के रूप में सहेजने की जरूरत है। मुझे फ़ोटोशॉप में सीधे ऐसा विकल्प नहीं दिख रहा है (हालांकि मैं इसे केवल एआई फ़ाइल के रूप में निर्यात कर सकता हूं)।फ़ोटोशॉप परत -> एसवीजी

  1. निर्यात प्रक्रिया कैसा दिखता है (पीएस सीएस 5 या सीएस 6 - वर्तमान संस्करण)?
  2. लोगो निर्यात करते समय वेब डेवलपर का सर्वोत्तम उपयोग क्या करना चाहिए? आप विभिन्न प्रकार के एसवीजी फ़ाइल (एआई -> एसवीजी) इस तरह कनवर्टर्स को सेट कर सकते हैं: http://image.online-convert.com/convert-to-svg
  3. क्या सेटिंग के मामले में ध्यान देने के लिए कुछ और है?
  4. लोगो क्षेत्र में वेबसाइट पर एसवीजी फ़ाइलों को कैसे शामिल किया जाना चाहिए? सबसे अच्छा तरीका क्या है? इस कदर? http://jsfiddle.net/danielfilho/GdCcA/
+0

प्रश्न 4 के जवाब में, एसवीजी को जो भी आकार चाहिए, उसे रास्टराइज करना सबसे विश्वसनीय है, इसलिए वेबसाइट को दिखाने के लिए पीएनजी या जीआईएफ छवि है और एसवीजी क्षमताओं की आवश्यकता नहीं है। –

+0

@ कोलिंक मैं अभी जेपीजी लोगो का उपयोग कर रहा हूं लेकिन यह वेबसाइट के उत्तरदायी मोड में धुंधला दिखता है जहां आप इसे 250px लोगो के रूप में प्रदर्शित नहीं कर सकते बल्कि 200px लोगो या 150px लोगो प्रदर्शित कर सकते हैं। रेटिना का जिक्र नहीं करना जहां यह हर समय बदसूरत दिखता है। एसवीजी सही समाधान होगा। इसकी सिफारिश क्यों नहीं की जाती है? जिस कंपनी के लिए मैं काम करता हूं वह मुझे वेक्टर लोगो प्रदान करता है, इसलिए वेबसाइट पर वेक्टर प्रारूप में यह बहुत अच्छा होगा। – Atadj

+0

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

उत्तर

3
  1. आप भुगतान कर सकते हैं यह (SVG Kit), या सबसे अच्छा विकल्प इलस्ट्रेटर को निर्यात करने के लिए/पेस्ट और फिर एसवीजी के रूप में सहेजने के लिए है। प्रश्न Photoshop Custom Shape to SVG path string विवरण यह है।
  2. एसवीजी के रूप में सहेजते समय विभिन्न विकल्पों के विवरण के लिए Illustrator site देखें। यह इस बात पर निर्भर करता है कि आप लक्ष्य डिवाइस (मोबाइल बनाम डेस्कटॉप) जैसे विवरणों से चिंतित हैं और क्या आप ग्रेडियेंट, पारदर्शिता और एसवीजी फ़िल्टर प्रभाव प्रदर्शित करना चाहते हैं।
  3. Best practices for creating web graphics एडोब द्वारा वेब-सुरक्षित रंगों का उपयोग करने, इलस्ट्रेटर में पिक्सेल पूर्वावलोकन मोड और मोबाइल उपकरणों की कुछ चुनौतियों को संबोधित करने के बारे में बात करते हैं।
  4. उपरोक्त @ कोलिंक की टिप्पणियों से सहमत हैं।