वेब के लिए डिज़ाइन करते समय मुझे कलर प्रोफ़ाइल के बारे में क्या करना चाहिए?


15

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

फिलहाल मेरे पास एक पूरी वेबसाइट परियोजना है जिसे रंग प्रोफ़ाइल के साथ अक्षम किया गया है। मैंने इसे इस तरह से शुरू किया क्योंकि महीनों पहले मैंने देखा था कि फ़ोटोशॉप द्वारा प्रदान किए गए रंग, हालांकि फ़ोटोशॉप के अपने आईड्रॉपर टूल द्वारा सही ढंग से रिपोर्ट किए गए थे , स्क्रीनशॉट से मापा नहीं गया था जब मैं Google क्रोम में देख रहा था, जब छवि को निर्यात के रूप में निर्यात किया गया था पीएनजी।
एक त्वरित खोज के बाद, मैं उस पोस्ट पर आया था जिसका मैंने पहले उल्लेख किया था और इसके सुझावों को आँख बंद करके लागू किया था (बिना अनुवर्ती को देखे और इसके साथ समस्याओं के बारे में पढ़े)। तब से, मुझे कोई समस्या नहीं हुई: मैं फ़ोटोशॉप में अपने काम के स्क्रीनशॉट लेता हूं और डेवलपर के उपयोग के लिए उन्हें अपलोड करता हूं। वह उसी रंग को देखता है जिसे मैं डिजाइन विकसित करते समय देखता हूं और उपयोग करता हूं, और मुझे यह देखने के लिए हुप्स के माध्यम से कूदने की ज़रूरत नहीं है कि मैं वास्तव में क्या कर रहा हूं।

मेरे सवाल:

  • क्या वास्तव में वेब डिज़ाइन में sRGB का उपयोग करना आवश्यक है (मैं इसे फोटोग्राफी या प्रिंट जैसी किसी चीज़ में उपयोग न करने के निहितार्थ समझता हूं) जब यह केवल प्रूफ कलर्स का उपयोग करने के लिए मजबूर करके अधिक काम जोड़ता है ? (यह है कि मैं इसे कैसे देखता हूं, कृपया मुझे सही करें अगर मैं गलत हूं)

  • चूंकि ICC प्रोफाइल के साथ बचत करने से कुछ ब्राउज़र सही ढंग से प्रोफ़ाइल को लागू करेंगे, जबकि अन्य इसे अनदेखा करते हैं, लेख में यह भी कहा गया है कि यह शायद sRGB के साथ डिज़ाइन करना और फिर ICC प्रोफ़ाइल के बिना सहेजना सबसे अच्छा विचार है । क्या यह पहली बार में रंग प्रोफ़ाइल का उपयोग करने के उद्देश्य को नहीं हराता है? या क्या मैं गलत व्याख्या कर रहा हूं कि लेख क्या कहता है?


1
मुझे नहीं लगता कि मार्क एडवर्ड्स का जवाब सही है। यदि आप अपना रंग प्रोफ़ाइल "मॉनिटर" पर सेट करते हैं, तो आपका रंग केवल एक व्यक्ति को बहुत अच्छा लगने वाला है: आप! sRGB लोगों की एक विस्तृत श्रृंखला को अधिक लगातार देखने की अनुमति देता है। इस लिंक को पढ़ें। यह इस मामले पर अभी तक मिली सबसे अच्छी जानकारी प्रदान करता है। gballard.net/psd/saveforwebshift.html

जवाबों:


5

मेरी (कभी-कभी विवादास्पद) राय: उपयोगकर्ता इंटरफ़ेस और वेब डिज़ाइन के लिए sRGB का उपयोग करने की सलाह देने वाले लोग पागल हैं। यहाँ पर क्यों।

रंग प्रबंधन स्क्रीन डिजाइन के लिए काम करने के लिए, तीन महत्वपूर्ण चीजें हैं जो होनी चाहिए।

  1. सही वर्कफ़्लो का उपयोग करके छवि बनाई जानी चाहिए।
  2. छवि को सही आईसीसी रंग प्रोफ़ाइल के साथ सहेजा जाना चाहिए।
  3. छवि को सही ढंग से प्रदर्शित किया जाना चाहिए, छवि की प्रोफ़ाइल और उस वातावरण में प्रदर्शित किया जा रहा है (ब्राउज़र और ओएस आदि)।

यदि आपके पास तीनों नहीं हैं, तो रंग प्रबंधन बिल्कुल काम नहीं करता है। उन चीजों में से एक या दो होने का मतलब है कि पूरी श्रृंखला टूट गई है।

और यहां रगड़ना है: फ़ोटोशॉप से ​​सहेजे गए सभी पीएनजी और जीआईएफ में आईसीसी प्रोफाइल नहीं हो सकते हैं, इसलिए अधिकांश मामलों में नंबर 2 संभव नहीं है (जेपीईजी में प्रोफाइल हो सकती है)। और बहुत सारे ब्राउज़र सही तरीके से व्यवहार नहीं करते हैं, इसलिए नंबर 3 बहुत सारे मामलों में भी बाहर है।

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

डग एवरी की सलाह अच्छी है। उनकी पोस्ट का महत्वपूर्ण हिस्सा ग्रिड है जिसका उपयोग वह सभी परिणामों की तुलना करने के लिए करता है। उसके बाद वह HTML, सीएसएस और छवियों में रंगों का मिलान कर रहा है, जो लक्ष्य के लिए सही बात है। यह केवल तभी संभव है जब HTML / CSS में उपयोग की जाने वाली छवियों और रंग मानों में रंग मान एक ही तरह से व्यवहार किए जाते हैं।

मैंने इस विषय पर बहुत अधिक लिखा है:

रंग प्रबंधन और यूआई डिजाइन

और एक एडॉब इंजीनियर के साथ विज्ञापन के बारे में तर्क दिया गया है:

वेब के लिए सहेजें, PNR और GIF के लिए डिफ़ॉल्ट रूप से sRGB में कन्वर्ट होना चाहिए

क्या वास्तव में वेब डिज़ाइन में sRGB का उपयोग करना आवश्यक है (मैं इसे फोटोग्राफी या प्रिंट जैसी किसी चीज़ में उपयोग न करने के निहितार्थ समझता हूं) जब यह केवल प्रूफ कलर्स का उपयोग करने के लिए मजबूर करके अधिक काम जोड़ता है? (यह है कि मैं इसे कैसे देख रहा हूँ, कृपया मुझे सही करें अगर मैं गलत हूँ)

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

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

चूंकि ICC प्रोफाइल के साथ बचत करने से कुछ ब्राउज़र सही ढंग से प्रोफ़ाइल को लागू करेंगे, जबकि अन्य इसे अनदेखा करते हैं, लेख में यह भी कहा गया है कि यह शायद sRGB के साथ डिज़ाइन करना और फिर ICC प्रोफ़ाइल के बिना सहेजना सबसे अच्छा विचार है। क्या यह पहली बार में रंग प्रोफ़ाइल का उपयोग करने के उद्देश्य को नहीं हराता है? या क्या मैं गलत व्याख्या कर रहा हूं कि लेख क्या कहता है?

ध्यान रखें कि:

  • GIF में ICC प्रोफ़ाइल नहीं हो सकती।
  • फ़ोटोशॉप द्वारा सहेजे गए PNG में ICC प्रोफ़ाइल नहीं हो सकती हैं।
  • पीएनजी में प्रोफाइल हो सकते हैं, लेकिन यह दुर्लभ है कि वे उनके साथ सहेजे गए हैं।
  • जेपीईजी में प्रोफाइल हो सकते हैं।
  • प्रोफाइल के साथ छवियों का ब्राउज़र प्रतिपादन ब्राउज़र के बीच भिन्न होता है।
  • HTML और CSS में रंग अक्सर डिवाइस RGB या sRGB माना जाता है, और आपका उस पर कोई नियंत्रण नहीं है।

4
मेरे पास घर पर 6 कंप्यूटर हैं और काम में दो कैलिब्रेटेड मॉनिटर हैं। एक कैलिब्रेट किए गए मॉनिटर में सिर्फ एक अच्छा सरगम ​​नहीं होता है, यहां तक ​​कि कैलिब्रेशन के साथ, यह भरोसेमंद नहीं है। घर पर सभी छह शेल्फ से स्टॉक हैं और वे सभी अलग-अलग रंग प्रदर्शित करते हैं। यह वास्तविक विश्व उपयोग में एक सबक है। यह है कि कैसे मैं चिंता करना बंद करो और इसे प्यार करने के लिए सीखा।
हॉरियो

3
हाँ। लक्ष्य यूआई तत्वों के लिए पृष्ठ के भीतर एकरूपता है, बजाय अलग-अलग प्रदर्शनों (जो कि अधिकांश परिस्थितियों में असंभव है) में निरंतरता के बजाय।
मार्क एडवर्ड्स

3

मैक पर विकसित / डिजाइन करने के लिए निश्चित रूप से प्रोफाइल की आवश्यकता होती है।

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

मैक उपयोगकर्ता के लिए, प्लेटफार्मों में रंगों को बनाए रखने के लिए WORKING फ़ाइलों में sRGB प्रोफ़ाइल का उपयोग करना आवश्यक है।

अंतिम प्रकाशित फ़ाइल (वेब ​​के लिए सहेजें) का कोई प्रोफ़ाइल नहीं है, लेकिन इसके निर्माण के दौरान sRGB का उपयोग करना मैक पर आवश्यक है - कम से कम हमारे पर है यदि आप चाहते हैं कि रंग मैक और विंडोज पर समान दिखें।


2

मैं इन पैराग्राफ के कथनों की पुष्टि करना चाहता हूँ:

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

तथा

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

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

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

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

मैं प्रोफ़ाइल के बिना अंतिम फ़ाइलों को सहेजता हूं और वे उम्मीद के मुताबिक दिखते हैं। ऐसा क्यों हैं? मुझे लगता है क्योंकि बिना प्रोफ़ाइल वाले ग्राफिक्स की व्याख्या की जाती है जैसे कि उनके पास एक sRGB प्रोफ़ाइल जुड़ी हुई थी (शायद किसी को इसके लिए एक संदर्भ पता हो)।

और मैं यह भी अनुमान लगाऊंगा कि जब आप स्क्रीनशॉट लेते हैं तो आपका सिस्टम आपके मॉनिटर प्रोफाइल से रंगों को sRGB में बदल देता है (या आपके पास बहुत अच्छा मॉनिटर है जो sRGB कलर स्पेस के करीब है)।


1

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

दूसरा सवाल, हां उद्देश्य की हार हुई है क्योंकि वेब पर रंगीन प्रोफाइल का उपयोग अभी तक लागू नहीं किया गया है, ऐसे में आप उनका उपयोग कर सकते हैं। ब्राउज़र्स 'sRGB' की उम्मीद करते हैं, इसलिए उन्हें संलग्न करने की कोई आवश्यकता नहीं है, यह सिर्फ फाइलों को बढ़ाता है। क्योंकि बहुत सारे ब्राउज़र प्रोफ़ाइल को नहीं समझते हैं, इसलिए Adobe rgb 1998 में प्रोफ़ाइल के साथ छवियों को प्रस्तुत करना एक अच्छा विचार नहीं है, क्योंकि रंगों को क्रॉप किया जाएगा।


"ब्राउज़रों की अपेक्षा 'sRGB" - की तरह। ब्राउज़र में मिश्रित व्यवहार है। डिवाइस आरजीबी (कोई रूपांतरण) के रूप में अधिकांश अप्रकाशित छवियों को प्रस्तुत करना। OS X पर सफारी 6 मानता है (गलत तरीके से) कि असंबद्ध छवियाँ sRGB और धर्मान्तरित हैं।
मार्क एडवर्ड्स

0

Adobe Photoshop CC (2017) के लिए अपडेट:

  1. अपने कार्य स्थान को डिफ़ॉल्ट पर छोड़ दें (उत्तर अमेरिकी सामान्य प्रयोजन 2)

  2. कुछ और मत बदलो

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