สีใน Photoshop CS6 / CC ดูแตกต่างจากในเบราว์เซอร์หรือไม่?


18

หนึ่งในเพื่อนของฉันนักออกแบบกราฟิกบอกกับฉันเมื่อเร็ว ๆ นี้ว่าบางครั้งสีใน Photshop ดูแตกต่างจากสีที่แสดงในเบราว์เซอร์เล็กน้อย

ฉันรู้ว่ามันเป็นไปได้เมื่อคุณบันทึกไฟล์และใช้มันในเว็บไซต์เนื่องจากจานสี แต่เขาใช้สีที่กำหนดใน PS ตัวอย่างเช่น#b81e1eจากนั้นเขาสร้างองค์ประกอบ DOM และตั้งค่าพื้นหลังเป็น#b81e1eและสีจะแสดงต่างกันใน เบราว์เซอร์มากกว่าใน PS (ฉันเดาว่ามันไม่ได้บอบบางขนาดนั้นเพราะเขาสามารถมองเห็นได้ง่าย) มันไม่ใช่เรื่องปกติและไม่ได้เกิดขึ้นเสมอ แต่เขาบอกว่ามันเกิดขึ้นกับเขาสองสามครั้งแม้ว่าเขาจะไม่สามารถบอกฉันด้วยสีแม่มด

เป็นไปได้ไหม เพราะฉันไม่เคยได้ยินเกี่ยวกับอะไรแบบนี้และไม่มีอะไรแบบนี้เกิดขึ้นกับฉัน ...

คำตอบ:


24

นี่น่าจะเป็นปัญหาโพรไฟล์สี

ก่อนอื่นเขาควรทำงาน RGB ไม่ใช่ CYMK หรือพื้นที่สีอื่น นี่เป็นการตรวจสอบที่ง่ายพอเพียงไปที่ Image> Mode และตรวจสอบให้แน่ใจว่าตั้งค่าเป็น RGB ฉันเดาว่ามันน่าจะเป็น

ปัญหาที่สองคือโพรไฟล์สี สิ่งนี้อาจถูกตั้งค่าเป็นอย่างอื่น ควรใช้ sRGB IEC61966-2.1 ซึ่งถือเป็นมาตรฐานสำหรับจอภาพ PC ส่วนใหญ่ วิธีที่ง่ายที่สุดในการตรวจสอบสิ่งนี้คือไปที่แก้ไข> การตั้งค่าสี หากได้รับการตั้งค่าเป็น "วัตถุประสงค์ทั่วไปของอเมริกาเหนือ 2" หรือ "เว็บ / อินเทอร์เน็ตของอเมริกาเหนือ" ควรทำงานได้ดี

ขั้นตอนสุดท้ายคือการตั้งค่า "การตั้งค่าการพิสูจน์" ที่จะตั้งค่าการแสดงตัวอย่างสีของจอภาพ ไปที่ "มุมมอง> การตั้งค่าการพิสูจน์> มอนิเตอร์ RGB" จากนั้นคุณสามารถสลับเปิด / ปิดสีพิสูจน์ได้โดยใช้ทางลัด (ขึ้นอยู่กับ OS) สำหรับ Proof Colors ซึ่งอยู่ใต้แถบเครื่องมือมุมมอง

ฉันไม่คุ้นเคยกับโปรไฟล์สีใน Photoshop อย่างใกล้ชิด แต่นี่เป็นขั้นตอนที่ฉันต้องปฏิบัติหากพบว่าสีไม่ตรงกัน ปกติมันไม่ใช่ปัญหาสำหรับฉัน

ข้อมูลเพิ่มเติมเกี่ยวกับโปรไฟล์สี


หากต้องการเพิ่มสิ่งนั้นฉันต้องบอกด้วยว่าคุณกำลังดูอยู่บนหน้าจอเดียวกันเช่นกันเพียงเพื่อตรวจสอบว่าจอภาพต่าง ๆ จะแสดงสิ่งที่แตกต่างกันหรือไม่
ฮันนา

5
การเลือก "Monitor RGB" ใน View> Proof Setup แก้ไขปัญหาด้วยสีที่ผิด ฉันคิดว่ามันเปลี่ยนโดยไม่ได้ตั้งใจกับการรวมแป้นพิมพ์บางอย่าง
vovahost

@vovahost นี้เป็นเรื่องธรรมดามากในความเป็นจริงครั้งแรกของฉันทำงานในที่มีปัญหาสีเป็นที่แน่นอนว่าปัญหา (อุบัติเหตุฮอต)
Mattc0m

โอ้ ของฉัน พระเจ้า. 15 ปีที่ทำงานกับ Photoshop และฉันไม่เคยใช้การตั้งค่านั้น อย่างใดมันก็เปลี่ยนเป็น CMYK ดูเหมือนจะไม่สัมพันธ์กับเอกสารที่เปิดอยู่เนื่องจากฉันเพิ่งเริ่มแอพใหม่จากค่าเริ่มต้นที่ตั้งไว้ ดังนั้นไม่ว่าจะมาจากเอกสารที่เปิดก่อนหน้าหรือฮอตคีย์เหมือนที่คุณพูด ขอบคุณมากฉันจะคอยดูการตั้งค่านี้และใช้งาน!
Chase

สิ่งนี้แก้ไขปัญหาของฉันได้อย่างสมบูรณ์ ฉันใช้ photoshop มาหลายปีแล้วและก็ไม่รู้เหมือนกันฉันแค่คิดว่ามันเป็นเพราะเอกสารอยู่ใน CMYK มันไม่ได้จนกว่าฉันจะเห็นมันบนคอมพิวเตอร์เพื่อนร่วมงานคนอื่นฉันก็รู้ว่ามันผิด
Alex McCabe

3

ทราบว่าฉันไปงานปาร์ตี้ช้าเกินไป - มีปัญหาเดียวกันและหลังจากลองคำตอบก่อนหน้านี้ฉันยังคงมีปัญหาหวังว่าสิ่งนี้จะช่วยคนอื่นในอนาคต -

การแก้ไขที่เหมาะกับฉัน: ไฟล์> บันทึกสำหรับเว็บ> ยกเลิกการเลือก 'แปลงเป็น sRGB'> บันทึก


2

นอกจากโปรไฟล์สีแล้วคำตอบของ Mattc0m ยังพูดถึงปัญหาที่ใหญ่กว่าคือการตรวจสอบตัวเอง

ถ้าฉันเพียงแค่ปรับความสว่างและความคมชัดบนจอภาพของฉันมันจะแสดงสีที่แตกต่างกัน

ฉันมีจอภาพที่ไม่ตรงกันสองรายการในการตั้งค่าของฉัน พวกเขาทั้งสองถูกเสียบเข้ากับฮาร์ดแวร์เดียวกันและแต่ละคนได้รับการสอบเทียบกับอุปกรณ์สอบเทียบที่เหมือนกันและพวกเขาแต่ละคนมีโปรไฟล์การสอบเทียบที่กำหนดเองของแต่ละบุคคลโหลดเมื่อเริ่มต้น พวกเขาไม่แสดงสีเดียวกัน

เมื่อฉันอัปโหลดภาพไปยังเว็บเซิร์ฟเวอร์สำหรับโลกฉันมีการควบคุมเบราว์เซอร์ของลูกค้าเป็นศูนย์ (ซึ่งอาจหรือไม่อาจให้เกียรติโปรไฟล์ฝังตัว) และการตรวจสอบของลูกค้า คุณเรียนรู้ที่จะยอมรับความหย่อน



1

ตรวจสอบให้แน่ใจว่าคุณใช้ฟังก์ชั่น "ส่งออกสำหรับเว็บ" ด้วยวิธีนี้มันจะแปลงสีให้เป็นรูปแบบที่จะปรากฏในเบราว์เซอร์เช่นเดียวกับที่ทำบนโฟโต้ช็อป Photoshop ของคุณ


1
สวัสดี Dominik ยินดีต้อนรับสู่ GDSE และขอบคุณสำหรับคำตอบของคุณ หากคุณมีคำถามใด ๆ โปรดดูศูนย์ช่วยเหลือหรือส่ง Ping หนึ่งในการแชทออกแบบกราฟิกเมื่อชื่อเสียงของคุณเพียงพอแล้ว (20) ร่วมให้ข้อมูลและเพลิดเพลินกับเว็บไซต์!
Vincent

1

ในฐานะที่เป็นอัพเดตสำหรับ Photoshop CC ก็เปลี่ยน:

แก้ไข> แปลงเป็นโปรไฟล์ ... และตั้งค่าโปรไฟล์พื้นที่ปลายทางเป็น sRGB IEC61966-2.1

นั่นคือปัญหาเฉพาะของฉัน


-3

เมื่อเลือกสีจะมีช่องทำเครื่องหมายเล็ก ๆ ที่ด้านล่างซ้ายที่ระบุว่า "เฉพาะสีของเว็บ" ตรวจสอบให้แน่ใจว่าได้ตรวจสอบแล้วและคุณควรจะปรับ


คุณช่วยอธิบายเพิ่มเติมได้ไหม?
WELZ

นี่เป็นความคิดที่แย่มาก คุณกำลัง จำกัด ตัวเองจานขนาดเล็กมากของสี (216 จะแม่นยำ) และนี้จะเพียง แต่ป้องกันไม่ให้แตกต่างของสีบนอุปกรณ์ที่แสดงสีเฉพาะใน 8 บิต (ซึ่งวันนี้เป็นพื้นไม่มี)
Cai

-5

พบวิดีโอนี้สำหรับการแก้ไขอย่างรวดเร็ว วิดีโอประมาณ 1 นาทีที่แสดงวิธีแก้ไขปัญหาโปรไฟล์สีเพื่อให้รูปภาพแสดงอย่างถูกต้องใน Adobe Photoshop https://www.youtube.com/watch?v=aB_xN2kLVCE


อย่าโพสต์คำตอบสำหรับลิงค์เท่านั้นโปรดอธิบายสิ่งที่เราจะพบได้จากลิงค์นั้น หากคุณต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับเว็บไซต์โปรดดูที่ศูนย์ช่วยเหลือ ร่วมให้ข้อมูลและเพลิดเพลินกับเว็บไซต์!
Luciano
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.