मेरी फ़ोटोशॉप छवि में पाठ "धुंधला" दिखता है

Question

मैं फ़ोटोशॉप CS5 में एक वेबसाइट हेडर बना रहा हूं, हालांकि जब मैं इसे देखता हूं, तो पाठ बहुत धुंधला दिखता है और मुझे पता नहीं क्यों।

मैं वेब प्रीसेट का उपयोग करता हूं। तेज और सर्वश्रेष्ठ परिणामों के लिए आप क्या सलाह देते हैं?

यहां वर्तमान मॉकअप है:

Comments

क्या आपने एक रेखापुंज छवि को बड़ा करने की कोशिश की? यह आमतौर पर धुंधलापन की ओर जाता है। : एक तरफ ध्यान दें पर, रेखापुंज बनाम वेक्टर के लिए, उदाहरण के लिए देख graphicdesign.stackexchange.com/questions/260/...

— जरी Keinänen

@ सकियू - जिन परतों से मैं सबसे ज्यादा चिंतित हूं, वे टेक्स्ट लेयर्स हैं, और मैंने उन पर कोई असर नहीं डाला है

— जेफ

(ओह, मैं "xSky" के चारों ओर वक्र को देख रहा था) फ़ोटोशॉप डिफ़ॉल्ट रूप से पाठ के लिए कुछ एंटी-एलियासिंग लागू करता है और सेटिंग आपकी वर्तमान आवश्यकताओं के अनुरूप नहीं हो सकती है। वहाँ में उदाहरण हैं graphicdesign.stackexchange.com/questions/1177/... (हालांकि यह सीधे अपने सवाल का जवाब नहीं है)

— जरी Keinänen

इस पोस्ट के लिए धन्यवाद, वास्तव में मुझे अपने धुंधले पाठ के साथ मदद करने के लिए क्या चाहिए, भयानक स्पष्ट सहायता :)

Answer 1

डिफ़ॉल्ट रूप से, फ़ोटोशॉप पाठ परतों पर कुछ एंटी-अलियासिंग लागू करता है। एलेक्स ने एक और प्रश्न में एक अच्छी तुलना प्रदान की है :

एंटी-अलियासिंग विकल्प टूलबार और Characterविंडो में उपलब्ध हैं:

---

एनबी: यदि आप अंतिम उत्पाद में पाठ परतों को नियमित (HTML) पाठ के रूप में उपयोग करने की योजना बना रहे हैं, तो ब्राउज़र्स संभवतः फ़ोटोशॉप की तुलना में पाठ को अलग तरीके से प्रस्तुत करेंगे। इस पर अधिक जानकारी आप फ़ोटोशॉप में वर्णित "फॉण्ट (एंटी) अलियासिंग" पर पा सकते हैं ।

Comments

तो मुझे लगता है कि यह एंटी अलियासिंग कर रहा है? मैं बोल्ड टेक्स्ट कैसे प्राप्त कर सकता हूं? :)

— जेफ

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

— बजे जरी कीनेलेन

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

— Mattdm

Answer 2

सुनिश्चित करें heightऔर widthगुण (या सीएसएस) अपने लिए imgटैग छवि के वास्तविक आकार से मेल खाते हैं। अन्यथा, वेब ब्राउज़र द्वारा इसे फिर से शुरू किया जाएगा, और कई वेब ब्राउज़र इसे बदसूरत तरीके से करते हैं। यहां तक ​​कि जो लोग इसे अपेक्षाकृत अच्छी तरह से करते हैं, वे छवि को कुछ धुंधली प्रदान कर सकते हैं।

यदि आप यह सुनिश्चित करना चाहते हैं कि यह सही लगे, तो पिक्सल 1: 1 रखें।

Comments

बात यह है कि, फ़ोटोशॉप में यह खुद को धुंधला दिखता है। मैं "पिक्सल 1: 1" कैसे कर सकता हूं?

— जेफ

@ जेफ़ "पिक्सेल 1: 1" रखने से छवि को 100% ज़ूम पर देखने के बराबर है।

— जरी कीनलेन

@koiyu - ठीक है, मेरे पास पहले से ही है, हालांकि। :)

— जेफ़

Answer 3

मैं पाठ को एक छवि के रूप में प्रदर्शित नहीं करूंगा क्योंकि यह पहुंच और खोज इंजन समस्याओं की ओर जाता है।

हालाँकि, यदि आप किसी टेक्स्ट को इमेज के रूप में प्रदर्शित करना चाहते हैं, तो पीएनजी या जिफ इमेज जेपीईजी कम्प्रेशन के कारण jpg इमेजेज से बेहतर परिणाम देते हैं। यहां तक ​​कि अगर आप अपनी छवि को संपीड़ित नहीं करते हैं, तो ओपेरा मोबाइल या इंटरनेट 'त्वरक' जैसे ब्राउज़र भी हो सकते हैं।

Comments

हमेशा पीएनजी का उपयोग करें, बहुत पहले जेपीईजी से दूर हो गया: पी

— जेफ

Answer 4

मैं पाठ को बेहतर रिज़ॉल्यूशन के लिए एक पारदर्शी पीएनजी फ़ाइल के रूप में बनाऊंगा। एक अन्य विकल्प शैली और एसईओ दोनों के लिए sIFR का उपयोग करना है। sIFR मूल रूप से फ़ॉन्ट को फ़्लैश के रूप में एम्बेड कर रहा है, लेकिन यह 100% खोज इंजन के अनुकूल है। उदाहरण के लिए 3d-photomontage.com पर कुछ उदाहरण देखें ।

Answer 5

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

यदि आप अपने पाठ में ब्लर नहीं चाहते हैं, तो PS में एंटी-अलियासिंग विकल्पों में से 'कोई नहीं' चुनें। HTML संस्करण हमेशा ओएस या ब्राउज़र के आधार पर पाठ को अलग तरह से प्रस्तुत करेगा, इसलिए वास्तव में ऐसा बहुत कुछ नहीं है जो आप कर सकते हैं।

इस पर भी एक नज़र डालें, यह आपको पीएस के बजाय अपने HTML में टेक्स्ट रेंडरिंग मुद्दों को हल करने में अधिक मदद करनी चाहिए

http://www.w3.org/TR/SVG11/painting.html#TextRenderingProperty

मैं हमेशा 'क्रिस्प' एंटिया-अलियासड विकल्प के साथ डिज़ाइन करता हूं और इस तथ्य से अवगत हूं कि HTML में पाठ वैसे भी अलग दिखेंगे!