वेब पर सुपर शार्प दिखने के लिए मुझे अपने वेक्टर लोगो कैसे मिलेगा?


13

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

ईडी। लोगो को केवल एआई के रूप में आपूर्ति की गई थी। मुझे वही थोड़ा फजी परिणाम मिलता है कि क्या मैं इलस्ट्रेटर से वेब और उपकरणों के लिए बचत कर रहा हूं, या वेक्टर को फ़ोटोशॉप में ले जा रहा हूं। मैं इलस्ट्रेटर को आवश्यक आकार में स्केल करता हूं, और फिर वेब के लिए सहेजता हूं (इंक प्रकार अनुकूलित - लोगो में पाठ है)।


क्या आप इसे png / gif प्रारूप में सहेजने का प्रयास कर रहे हैं? क्या छवि के बारे में आप को परेशान कर रहा है?
हैलो_वर्ल्ड

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

क्या आप ब्राउज़र में छवि को ऊपर या नीचे कर रहे हैं? यदि हां, तो ऐसा न करें :) क्योंकि तीन लोग हैं जिनके पास प्रश्न हैं, शायद आप अपने प्रश्न को अपने निर्यात या कुछ इसी तरह लिंक करने के लिए संपादित कर सकते हैं? जो हमें जवाब देने में मदद करेगा।
ब्रेंडन

यदि नीचे दिए गए उत्तरों में से किसी एक ने आपके प्रश्न का उत्तर दिया है तो कृपया इसे स्वीकार करें।
DᴀʀᴛʜVᴀᴅᴇʀ

जवाबों:


11

वेक्टर ग्राफिक्स को तेज करते समय, यदि वे पिक्सेल सीमाओं में आते हैं, तो रेखाएं तेज दिखती हैं। यह रैस्टराइज़र (गोलाई) द्वारा किया जा सकता है, लेकिन अधिकांश वेक्टर ग्राफिक प्रोग्राम जो मुझे पता है कि समर्थन नहीं करते हैं। काउंटर करने के लिए एक रणनीति एक ग्रिड का उपयोग करना होगा, जिसकी कोशिकाएं पिक्सेल की संख्या और पूर्णांक संख्या (एक सेल 1x1 या 2x2 या 3x3, ... पिक्सेल)।

आइकनों के लिए, एक 16x16 ग्रिड एक अच्छी शुरुआत है, क्योंकि यह समान वेक्टर ग्राफिक से 16x16, 32x32, 48x84 आदि के तेज आइकनों का निर्माण करने की अनुमति देता है।

एक लोगो के लिए, लोगो के सबसे छोटे प्रतिनिधित्व में 1 सेल = 1 पिक्सेल के साथ एक पिक्सेल ग्रिड एक अच्छी शुरुआत है।

यहां एक ट्यूटोरियल है जो इस तकनीक की व्याख्या करता है: इंकस्केप में वेक्टर लाइट बल्ब आइकन


5

बहुत सारी चीजें हैं जो आप कर सकते हैं।

  1. पीएनजी जैसे दोषरहित संपीड़न के साथ छवि प्रारूप का उपयोग करें
  2. सुनिश्चित करें कि आपका वेक्टर पथ यथासंभव पिक्सेल ग्रिड से जुड़ा हुआ है
  3. छवि और पृष्ठभूमि के बीच विपरीत वृद्धि (या तो रंग द्वारा, चमक द्वारा या दोनों)
  4. अपनी छवि संपादन सॉफ़्टवेयर में पैनापन फ़िल्टर लागू करें
  5. प्रभावों का एक संयोजन, गहरे रंग की सीमा + हल्की चमक (एक हल्की पृष्ठभूमि पर) या ligher border + गहरा चमक (एक अंधेरे पृष्ठभूमि पर) का उपयोग करें, जैसे:

यहाँ छवि विवरण दर्ज करें

  1. एक और तकनीक है, अपने वेक्टर लोगो को 200% तक आकार दें, इसे अपनी पृष्ठभूमि के साथ मर्ज करें, इसे बिटमैप में समतल करें, और फिर बिटमैप को 100% पर पुन: आकार दें। कभी-कभी फर्क पड़ता है।

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


धन्यवाद। मुझे लगता है कि पिक्सेल ग्रिड के साथ संरेखित करना मुझे गलत लग रहा है। मैंने पटाखों के बारे में अच्छी बातें सुनी हैं, लेकिन मैंने कभी इसका इस्तेमाल नहीं किया है। चीयर्स।
पोसिकीम

Modify > Snap to pixelविकल्प का प्रयास करें । आप आतिशबाज़ी को आपके लिए ऊपरी बाएँ कोने में या पिक्सेल के केंद्र में अलग-अलग पिक्सेल संरेखित कर सकते हैं। अंदर का Pathपैनल, Edit pointsलेबल के नीचे । सौभाग्य।
अल्फ.डेव

5

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

यहाँ छवि विवरण दर्ज करें

SVG साइट बैकग्राउंड के साथ बार-बार बन रहा है और विस्तार से बिना नुकसान के पुन: आकार देने की क्षमताओं के साथ मैंने इसे आइकनों के साथ उपयोग करने में अधिक देखा है। मैंने कुछ संसाधनों को शामिल किया है जिन्हें आप शायद एसवीजी का उपयोग करने के संबंध में पढ़ सकते हैं:


1

आप Illustrator में वेक्टर फ़ाइल का आकार बदल सकते हैं। इसे पीडीएफ के रूप में सहेजें, प्रीसेट के साथ: संपीड़न - रंग बिटमैप छवियां - बाइसिक्यूब डाउनसम्प्लीशन: आपको जो भी आकार पसंद है - संपीड़न: 'जेपीईजी' - छवि गुणवत्ता: 'अधिकतम'। इसे सहेजें और फ़ोटोशॉप में पीडीएफ फाइल को एक पूर्व-आकार के 300 पीपीआई फ़ाइल (उदाहरण 125 x 125 पिक्सेल) में रखें। पीएनजी के रूप में सहेजें। इसे आप किसी साइट में रख सकते हैं। यह बहुत तेज है।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.