ฉันจะมั่นใจได้ว่าการแสดงผลสีที่เหมาะสมกับเบราว์เซอร์บนขอบเขตเสียงกว้างจะแสดงขึ้นอย่างไร

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

สิ่งนี้ถูกต้องสำหรับเบราว์เซอร์ที่ใช้กับการแสดงช่วงความถี่ปกติซึ่งอาศัยอยู่ใน sRGB ด้วยตนเอง

ตอนนี้เข้าสู่การแสดงช่วงเสียงกว้าง สิ่งเหล่านี้อาศัยอยู่ในพื้นที่สี AdobeRGB และความผิดหวังของฉันในเบราว์เซอร์ที่แสดงช่วงกว้างโดยไม่มีการจัดการสีจะตีความข้อมูลภาพว่าอยู่ในพื้นที่สี AdobeRGB เช่นกัน จะเกิดอะไรขึ้นหากข้อมูลภาพ sRGB ตีความว่าเป็น AdobeRGB สีดับแรงเกินไปดูฉูดฉาด

ปัญหายังคงดำเนินต่อไปเมื่อใช้เบราว์เซอร์ที่มีการจัดการสีเช่น FireFox แต่การดูรูปภาพที่ไม่มีโปรไฟล์ฝังอยู่: รูปภาพจะถูกตีความเป็น AdobeRGB แทน sRGB

ในระยะสั้น: ตั้งแต่ฉันได้ flickr จอแสดงผลช่วงกว้างของฉันดูน่ากลัว

ความคิดใดที่ฉันจะได้รับเบราว์เซอร์ของฉัน (Internet Explorer และ FireFox) เพื่อใช้ sRGB แทน AdobeRGB สำหรับการเรนเดอร์สีเป็นค่าเริ่มต้น

ฉันใช้ Windows 7

สิ่งที่ตลกเมื่อฉันดาวน์โหลดภาพไปยังไดรฟ์ในเครื่องและใช้โปรแกรมดูไฟล์เพื่อดูภาพสีตีความอย่างถูกต้องว่าเป็น sRGB

น่าเสียดายที่ไม่มีสิ่งใดที่คุณสามารถทำได้จริง ในการรับสิ่งที่คุณต้องการคุณต้องตั้งค่าโปรไฟล์ระบบของคุณเป็น sRGB

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

วิธีที่เหมาะสมเพื่อให้ได้การแสดงสีอย่างถูกต้องคือการแนบโพรไฟล์กับภาพ เห็นได้ชัดว่า Flickr (และรูปขนาดย่อของ smugmug) ไม่ได้ให้ตัวเลือกนี้แก่คุณ

ดังนั้นคุณจึงมีสองทางเลือก: หนึ่งตั้งค่า windows ให้ใช้ sRGB เป็นโปรไฟล์มอนิเตอร์ของคุณ รูปภาพที่ไม่ติดแท็กทั้งหมดจะมีลักษณะเป็น sRGB แต่รูปภาพที่ติดแท็กจะมีลักษณะเหมือนอึและการจัดการสีของคุณจะไม่สมบูรณ์

หรือจัดการกับความจริงที่ว่ารูปภาพที่ไม่มีการจัดการนั้นเป็นปีศาจและไม่มีอะไรที่คุณสามารถทำได้เกี่ยวกับมัน

อาจมีปลั๊กอิน firefox ที่สามารถแนบโปรไฟล์สีโดยอัตโนมัติ แต่นอกเหนือจากนั้นมันเป็นเพียงแค่การดูดแบบเก่าที่เรียกว่าการจัดการสี

ฉันต้องจัดการกับปัญหาเดียวกันนี้กับ Smugmug ภาพของฉันทุกคนมีรูปแบบการแนบ sRGB ดังนั้นพวกเขาดูดี (ในเบราว์เซอร์ที่มีการจัดการสี) แต่รูปขนาดย่อดูไม่อิ่มตัว เป็นเพราะนิ้วหัวแม่มือถูกสร้างอัตโนมัติและ smugmug ปฏิเสธที่จะแนบโปรไฟล์สีกับพวกเขาเพราะมันเป็นสองเท่าของขนาดของภาพขนาดย่อ ดังนั้นนิ้วหัวแม่มือจะแสดงผลตามที่ระบบปฏิบัติการตัดสินใจที่จะแสดงผล

ฉันมีปัญหาเดียวกันทุกประการและเป็นไปได้ที่จะได้รับโซลูชันที่ถูกต้องและใช้การได้ มีความเข้าใจผิดมากมายทั้งในคำถามและคำตอบก่อนหน้า (และโดยทั่วไปเกี่ยวกับการจัดการสี) ดังนั้นให้ฉันลองล้างพวกเขาออกและให้คำตอบกับคุณ

ก่อนความเข้าใจผิด ...

1. จอภาพปกติ (ไม่กว้าง) ไม่ "แสดงสดใน sRGB" หรือแสดงช่วงเสียงกว้าง "แสดงสดใน AdobeRGB" sRGB และ AdobeRGB (ร่วมกับ ProPhoto RGB) เป็นที่รู้จักกันดีว่าเป็นโปรไฟล์การทำงาน : พวกเขาไม่ตรงกับอุปกรณ์ในโลกแห่งความจริงพวกเขาเพียงแค่ให้ชุดการวัดมาตรฐานที่อุปกรณ์ทั้งหมดสามารถตั้งโปรแกรมให้เข้าใจ จอภาพทุกเครื่อง (และเครื่องพิมพ์ทุกเครื่อง) มีโปรไฟล์ของตัวเองและแน่นอนว่าโปรไฟล์นั้นอาจเปลี่ยนแปลงไปตามกาลเวลาเนื่องจากสารเคมีในยุคจอแสดงผล โปรไฟล์ของจอแสดงผลแต่ละอันอาจมีการทับซ้อนในระดับสูงกับหนึ่งในโปรไฟล์การทำงานมาตรฐาน แต่ก็ไม่ถูกต้องที่จะบอกว่ามันตรงกับมันทั้งหมดหรือแม้แต่เข้ากันได้ดีกับมัน มัน'

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

3. เบราว์เซอร์ไม่ได้เป็นเพียงผลไม้เท่านั้น: คุณต้องการให้แน่ใจว่าจอแสดงผลของคุณถูกทำโปรไฟล์ในลักษณะที่แอพถ่ายภาพอื่น ๆ (Photoshop, Lightroom หรืออะไรก็ตาม) ก็แสดงสีได้อย่างซื่อสัตย์

4. มีเป็นสิ่งที่คุณสามารถทำได้เกี่ยวกับภาพที่ไม่มีการจัดการในเบราว์เซอร์ (เป็นคำตอบอื่น ๆ ไม่กี่ได้สัมผัสกับมัน) ฉันจะมาในรายละเอียดด้านล่าง

คำแนะนำคร่าวๆเกี่ยวกับการโต้ตอบของโปรไฟล์เมื่อคุณดูภาพบนจอภาพของคุณ

ในโลกที่เหมาะ, ไม่หนึ่ง แต่สองโปรไฟล์จะมาลงเล่นเมื่อดูภาพ ที่แรกก็คือรายละเอียดที่ฝังตัวอยู่ในภาพ: โทรให้ของว่ารายละเอียดการป้อนข้อมูล โปรดจำไว้ว่าภาพดิจิทัลประกอบด้วยพิกเซลโดยแต่ละภาพมีการผสมผสานระหว่างสีแดงสีเขียวและสีน้ำเงิน ดังนั้นสำหรับสี่เหลี่ยมสีแดงธรรมดาทุกพิกเซลจะถูกตั้งค่าเป็นสีแดง 100%, สีเขียว 0%, สีน้ำเงิน 0% แต่เราหมายถึงอะไรสีแดง 100%มันเหมือนกับการเห็นป้ายทางฝั่งถนนว่า "ตอนนี้คุณสามารถขับด้วยความเร็วสูงสุด" ความเร็วสูงสุดเท่าไหร่? เร็วที่สุดเท่าที่รถจะไป? ป้ายไม่ได้บอกความเร็วที่แท้จริงจะแตกต่างกันไปในแต่ละรถยนต์ สิ่งที่โปรไฟล์ป้อนเข้าบอกเราคือสิ่งที่ค่า 100% สัมพันธ์กับ: สำหรับรูปภาพที่ติดแท็กด้วยโปรไฟล์ฝังตัวคอมพิวเตอร์ของคุณรู้ว่า "100% สีแดง" หมายถึงค่าสีแดงสูงสุดที่กำหนดโดยโปรไฟล์นั้น (เพื่อให้การเปรียบเทียบเสร็จสมบูรณ์ตอนนี้ป้ายถนนของเราบอกว่า: "ขีด จำกัด สูงสุด 70 ไมล์ต่อชั่วโมงคุณสามารถขับได้สูงสุด")

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

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

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

และตอนนี้เพื่อตอบคำถามของคุณ

ขั้นตอนแรกที่มีการตรวจสอบใด ๆ - แต่สิ่งที่สำคัญโดยเฉพาะอย่างยิ่งกับการแสดงช่วงกว้าง - คือการได้อย่างถูกต้องสอบเทียบจอของคุณ สิ่งนี้ต้องการการใช้เครื่องสอบเทียบ: ชิ้นส่วนของฮาร์ดแวร์ที่อยู่เหนือหน้าจอและทำการอ่านสีในขณะที่แสดงช่วงทดสอบภาพเพื่อกำหนดสีที่จอภาพของคุณกำลังแสดงอยู่ สำหรับขอบเขตการแสดงผลที่กว้างคุณต้องแน่ใจว่าคุณใช้เครื่องสอบเทียบที่เหมาะสม: ฉันใช้Spyder Pro 3และทำงานได้ดี

เมื่อคุณปรับเทียบจอมอนิเตอร์ของคุณแล้วคุณจะพบว่าแอปพลิเคชันที่มีการจัดการสีกำลังแสดงสีอย่างซื่อสัตย์ ก่อนการสอบเทียบจอภาพช่วงกว้างของฉันแสดงทุกอย่างที่อิ่มตัวมากเกินไป: สีผิวมีสีแดงมะเขือเทศและทั้ง Photoshop และ Lightroom ใช้ไม่ได้ หลังจากสอบเทียบพวกเขาทั้งคู่ดูสมบูรณ์แบบ ดังนั้นใช้แอพที่มีการจัดการสีเพื่อทดสอบการปรับเทียบของคุณ

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

• พิมพ์about: configลงในแถบที่อยู่ของคุณ
• เลื่อนลงและมองหาgfx.color_management.mode
• เปลี่ยนค่าเป็น1

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

ทั้งSafariและChromeยังมีการจัดการสีด้วย แต่ทั้งคู่มีข้อเสีย Safari (บน Windows อย่างน้อย) ไม่ถือว่ารูปภาพที่ไม่ได้ติดแท็กเป็น sRGB Chrome ทำเช่นนั้น แต่การจัดการสีจะถูกปิดใช้งานโดยค่าเริ่มต้นและเปิดใช้ไม่สะดวก

ในขณะที่เขียน Opera มีการจัดการสีไม่ได้เลยและ IE9 ก็เป็นคนงี่เง่าที่จริงจัง: มันเคารพโปรไฟล์อินพุต (อันที่ฝังอยู่ในภาพ) แต่ไม่สนใจโปรไฟล์เอาต์พุตของจอแสดงผล ! สิ่งนี้ทำให้ IE9 ดีเท่าไร้ประโยชน์บนหน้าจอช่วงกว้าง

ดังนั้น: ปรับเทียบ + ใช้ Firefox + ตั้งค่า gfx.color_management.mode เป็น 1 = คุณทำได้ดี :)

นี่อาจจะเป็นคำถามที่คล้ายกับหน้านี้: การส่งออก Lightroom มืดเกินไปใน Flickr ฉันมีจอแสดงผลช่วงกว้างสองจอ (เดสก์ท็อปแล็ปท็อป) คุณอาจต้องการลอง Firefox รุ่นใหม่กว่า แต่ฉันจะไม่กลั้นลมหายใจ ปีที่แล้วฉันกลับไปรายงานเรื่องนี้ใน Firefox bug tracker (ปัญหา497363และ509710 ) การจัดการสีใน Firefox นั้นไม่ง่ายอย่างการเปิดใช้งานตัวเลือก โปรไฟล์ ICC แตกต่างกันในโครงสร้างและความสามารถ เราสองสามคนที่มีช่วงจอกว้างแสดงว่า Firefox ไม่สามารถตีความโปรไฟล์ ICC ที่เกี่ยวข้องได้อย่างถูกต้อง

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

ฉันไม่ได้ลอง Firefox รุ่นเบต้าใด ๆ ตั้งแต่นั้นมาฉันเพิ่งคุ้นเคยกับปัญหานี้ หากคุณลองรุ่นที่ใหม่กว่าฉันชอบที่จะได้ยินเกี่ยวกับมัน อย่าทำให้รูปภาพของคุณจางลงและไม่ใช้ AdobeRGB ในรูปถ่าย Flickr ติดกับพื้นที่สี sRGB ที่เป็นมิตรกับเว็บ

• ปัญหา Firefox: 497363 https://bugzilla.mozilla.org/show_bug.cgi?id=497363
• ปัญหา Firefox 509710: https://bugzilla.mozilla.org/show_bug.cgi?id=509710

Firefox รุ่นใหม่มีการตั้งค่าให้ลองและจัดการรูปภาพที่ไม่ได้ทำโปรไฟล์รวมถึงโปรไฟล์ที่ทำไว้ คุณสามารถเข้าไปที่ about: config และแก้ไข gfx.color_management.mode เป็น '1' (ค่าเริ่มต้นคือ 2) บิตของ Google อาจให้คำอธิบายที่ดีกว่า แต่มันช่วยฉันได้เมื่อดูภาพขนาดย่อของ SmugMug ฯลฯ

มันยังไม่ได้แก้ไขทั้งระบบสำหรับ Win7 ที่อิ่มตัวเกินสีแดง แต่อย่างน้อยเบราว์เซอร์ของฉันมีสติ

ฉันเชื่อว่าคุณโชคไม่ดีกับ IE แม้ว่าอาจจะได้รับการแก้ไขใน IE 9 สำหรับ Firefox อย่างที่ทราบแล้วมีการสนับสนุนข้อมูลโปรไฟล์และคุณสามารถรับคำแนะนำเกี่ยวกับการตั้งค่าต่าง ๆ ที่อาจบรรเทาปัญหา คุณมีกับมัน ตัวเลือกอื่นของคุณคือการใช้ Safari ซึ่งควรรู้สีอย่างเหมาะสม

ตัวเลือกสุดท้ายถ้าคุณสามารถเรียกมันได้ว่าจริงๆก็คือการเปลี่ยนจอแสดงผลของคุณเป็นพื้นที่สี sRGB หากมันรองรับ

คริสต้าของเราเองดูเหมือนจะเป็นผู้เชี่ยวชาญด้านสีที่นี่ดังนั้นบางทีเขาจะพูดสอดด้วยการแก้ไขความคิดเพิ่มเติม

นี่คือสถานะของการจัดการสีใน Firefox และ IE ณ ตอนนี้ (10/11/2010)

Firefox v3.5.x - รองรับการจัดการสีเต็มรูปแบบ แต่เข้าใจโปรไฟล์ ICCv2 เท่านั้น หากซอฟต์แวร์การปรับเทียบ / การทำโปรไฟล์จอแสดงผลของคุณรองรับการสร้างโพรไฟล์ v2 (มองหาตัวเลือกในการตั้งค่าโปรแกรม) คุณควรจะสามารถแสดงรูปภาพให้แสดงได้อย่างถูกต้อง โปรดทราบว่าโดยค่าเริ่มต้น Firefox จะใช้การจัดการสีสำหรับภาพที่ติดแท็กด้วยโปรไฟล์สีเท่านั้น เนื่องจากมีภาพ sRGB ที่ไม่มีการติดแท็กจำนวนมากบนเว็บคุณอาจต้องการกำหนดค่า Firefox ให้จัดการสีสำหรับภาพทั้งหมด วิธีที่ง่ายที่สุดในการเปลี่ยนแปลงนี้คือการใช้ส่วนขยายการจัดการสีสำหรับ Firefox

FireFox v4 (ปัจจุบันอยู่ในรุ่นเบต้า) - FireFox4 จะรองรับโปรไฟล์สี ICCv4 ทั้งสำหรับรูปภาพและโปรไฟล์การแสดงผลของคุณ ปัจจุบันเบตามีเลือดปูดและช้าดังนั้นฉันไม่แนะนำให้ใช้ทั่วไป แต่อย่างน้อยเราก็รู้ว่าการจัดการสีถูกต้องแล้ว

Internet Explorer 8.x - ไม่มีการจัดการสีเลย zip, nada

Internet Explorer 9 (ปัจจุบันอยู่ในรุ่นเบต้า) - รุ่นเบต้าสาธารณะมีการสนับสนุนการจัดการสีที่ จำกัด บางอย่าง แต่ก็ไม่ได้ใช้จริงบนหน้าจอช่วงกว้าง IE9 (เบต้า) รู้จักภาพที่ติดแท็กด้วยโปรไฟล์อื่นที่ไม่ใช่ sRGB และแปลงเป็น sRGB น่าเสียดายที่มันละเว้นโปรไฟล์การแสดงผลอย่างสมบูรณ์ซึ่งหมายความว่าหากคุณมีมอนิเตอร์ช่วงกว้างทุกอย่างจะยังคงอิ่มตัวเกินไป ไม่ว่า MS จะแก้ไขพฤติกรรมนี้หรือว่าเป็นการตัดสินใจโดยเจตนาเพื่อปรับปรุงความเร็วในการเรนเดอร์ หากคุณคนใดกำลังทำการทดสอบเบต้า IE9 ฉันแนะนำให้รายงานข้อผิดพลาดนี้เพื่อให้ MS รู้ว่ามีคนที่ไม่พึงพอใจกับมัน

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