वेब डिज़ाइन के लिए फ़ोटोशॉप कलर सेटिंग्स

Question

वेब डिज़ाइन के लिए फ़ोटोशॉप में किस रंग प्रोफ़ाइल सेटिंग्स का उपयोग किया जाना चाहिए? क्या मॉनिटर अंशांकन प्रभाव वेब छवियों के लिए सहेजता है?

मैं अपने मॉनिटर को एक वर्णमापक के साथ कैलिब्रेट करता रहता हूं और यह सुनिश्चित करना चाहता हूं कि मेरे रंग सभी प्रमुख ब्राउज़रों के साथ एकरस होंगे।

मैं अपने कार्यक्षेत्र, रंग प्रबंधन के लिए अपनी कैलिब्रेटेड मॉनिटर प्रोफ़ाइल का उपयोग करता हूं और वेब के लिए सहेजने के लिए प्रोफ़ाइल एम्बेड नहीं करता हूं और जब भी संभव हो 24 .png का उपयोग करने का प्रयास करता हूं। क्या यह सबसे अच्छा अभ्यास है?

रंग सेटिंग्स

वेब के लिए सहेजें

Comments

संभव पूरक प्रश्न बिंदु - जब आप समझाते हैं कि वेब आपका उपयोग मामला है, तो क्या उपरोक्त सेटिंग्स 'सुरक्षित' हैं यदि आपको कभी-कभी किसी और की सीएमवाईके कला को संपादित करने की आवश्यकता होती है?

— e100

अच्छी बात। मेरे पास इतना प्रिंट या सीएमवाईके अनुभव नहीं है इसलिए मुझे नहीं पता।

— क्रिस_ओ

Answer 1

"रंग प्रबंधन" और "वेब विकास" का उपयोग कभी भी एक ही वाक्य में नहीं किया जाना चाहिए, जब तक कि "परेशान न करें," "समय की बर्बादी" या "fuggedaboudit।" कारण बताए गए नियम सही हैं। मुझे अभी तक एक कार्यालय (एक ग्राफिक डिजाइन स्टूडियो के अलावा) देखना है, जहां किसी भी दो मॉनिटर ने एक ही रंग प्रदर्शित किए हैं। घर के कंप्यूटर कम से कम बुरे हैं।

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

वेबसाइटों के लिए छवियों में रंग प्रोफ़ाइल एम्बेड न करें। वे छवि में आकार जोड़ते हैं, लेकिन कोई उपयोगी जानकारी नहीं जोड़ते हैं, इसलिए आप सभी अपने पृष्ठों को भारी बनाते हैं। जब आप फ़ोटोशॉप से ​​वेब और डिवाइसेस के लिए सेव करते हैं, तो "एंबेड कलर प्रोफाइल" को अनचेक करें। एक सुरक्षा उपाय के रूप में, "कन्वर्ट कन्वर्ट sRGB" की जाँच करें (यदि आप ऐसी छवि के साथ काम कर रहे हैं जो किसी अन्य रंग स्थान में है और आप इसे बदलना भूल जाते हैं)।

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

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

Answer 2

खैर, बड़ी समस्या यह है कि आप बहुत समय बिता रहे हैं और रंगों को कैलिब्रेट करने और चुनने में सावधानी बरत रहे हैं (आपके लिए अच्छा है!) और वे सबसे अधिक संभावना उन लोगों द्वारा देखे जाने वाले हैं जो यहां तक ​​कि काम नहीं कर सकते हैं। उनके मॉनिटर पर "चमक" बटन। मेरे (गैर-डिज़ाइन वाले) सहकर्मियों के पास दो स्क्रीन हैं, और उनमें से कोई भी एक दूसरे से मेल नहीं खाता है। इसलिए यदि आप पूछ रहे हैं कि "क्या कोई ऐसा तरीका है जो विशेष रूप से लाल है जिसे मेरे ग्राहक ने हमेशा मेरे द्वारा किए गए श्रमसाध्य अंशांकन के आधार पर सही देखा होगा?" इसका उत्तर दुखद है:

नहीं।

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

प्रोफ़ाइल को एम्बेड नहीं करने से यह वर्तमान प्रोफ़ाइल को ओवरराइड करने के लिए किसी ब्राउज़र के लिए दरवाजे को खुला छोड़ सकता है। यदि आप कलर हैंडलिंग पर सहमत होने के लिए प्रमुख ब्राउज़रों को प्राप्त कर सकते हैं तो शायद आपके लिए इसमें किसी प्रकार का नोबेल पुरस्कार है।

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

Comments

बहुत मददगार धन्यवाद! मुझे लगता है कि मेरी सबसे बड़ी चिंता यह है कि अगर मैं फ़ोटोशॉप में # 172550 रंग के रूप में बनाए गए ग्राफिक का उपयोग करता हूं, तो सीएसएस में मेरा # 172550 किसी भी मॉनिटर पर ग्राफिक से मेल खाता है।

— क्रिस_ओ

आप वेब सुरक्षित रंगों के साथ भी काम कर सकते हैं

— जैक

वेब सुरक्षित रंग "नुकसान को सीमित करने" का एक अच्छा तरीका है, लेकिन दुर्भाग्य से रंग # 172550 केवल बोर्ड भर में अलग दिखने वाला है क्योंकि अधिकांश लोग कभी भी अपने मॉनिटर को कैलिब्रेट नहीं करते हैं। यदि आप प्रिंट में काम कर रहे थे तो यह आसान होगा क्योंकि पेशेवर प्रिंटर पैनटोन मानकों से दूर हैं, इसलिए उन्हें पता है कि # 172550 कैसा दिखता है।

— लॉनडार्टकैचर

ब्राउज़र sRGB का उपयोग करते हैं। यह W3C मानक है। किसी छवि के लिए किसी अन्य रंग प्रोफ़ाइल का उपयोग करना इस बात की गारंटी देता है कि ब्राउज़र में देखने पर यह अलग होगी।

— एलन गिल्बर्टसन

वेब-सुरक्षित रंग यहां अप्रासंगिक हैं (और हर जगह: ग्राफ़िकडेसिग्नेस्ट.स्टैकएक्सचेंज.com / questions/

— e100

Answer 3

+1 क्रिस यह वास्तव में एक अच्छा सवाल है, वास्तव में मुझे यह पता नहीं है कि जब मैं इस सवाल से दिलचस्पी लेता था तो मुझे उसी पर कुछ लेख मिले, हो सकता है कि वे आपकी मदद करें क्योंकि मैंने उनके अनुसार मेरी सेटिंग बदल दी, कृपया ले लें एक नज़र, यह आपको जिज्ञासा का समाधान करने वाला है।

1. ivan द्वारा रंग प्रबंधन
2. युक्तियाँ वेब के लिए फ़ोटोशॉप में रंग प्रबंधित करने के लिए
3. रंग प्रबंधन कई उपकरणों के पार रंग मैच के लिए
4. यह सेटिंग्स किसी को भी फ़ोटोशॉप के लिए उपयोग नहीं करनी चाहिए

उम्मीद है कि ऐसा न हो कि इससे थोड़ी मदद मिले ……।

Comments

मुझे स्मैशिंग मैगज़ीन का लेख और उसके बाद हुई बहस याद है। अंतिम लेख सबसे अधिक समझ में आता है। धन्यवाद!

— क्रिस_ओ

हमेशा स्वागत है ...

— जैक

Answer 4

वेब रंग प्रबंधन दर्पण के बारे में मेरी ईमानदार भावना ऊपर व्यक्त की गई है, लेकिन कुछ चेतावनी के साथ।

आमतौर पर, यह आपके अंत में एक रंग प्रबंधित वर्कफ़्लो बनाए रखने के लिए समझ में आता है ताकि आप कम से कम एक अच्छा शुरुआती बिंदु रख सकें - अगर आप किसी रंग प्रबंधित वर्कफ़्लो के बाहर डिज़ाइन कर रहे हैं, और आपका मॉनिटर / सॉफ़्टवेयर कॉम्बो हो सकता है दोपहर के भोजन के लिए (अनपेक्षित रंग की जातियां, सरगम ​​और गामा की समस्याएं आदि), आप जोखिम को बढ़ाते हैं कि एक और असंतुलित अंत-उपयोगकर्ता उपकरण आउट-ऑफ-व्हैक विपरीत दिशा में एक बराबर मात्रा में होता है, और हवाओं को देखकर ऐसा लगता है कि यह दोगुना है। अगर यह आपके द्वारा किए गए पक्षपाती रंग निर्णयों के आधार पर पहली बार में एक रंग प्रबंधित वर्कफ़्लो के भीतर डिज़ाइन किया गया था, तो बुरी तरह से प्रदर्शित।

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