넓은 영역 디스플레이에서 브라우저를 사용하여 적절한 색상 표현을 보장하려면 어떻게해야합니까?


13

많은 브라우저는 색상 관리 기능을 제공하지 않으므로 대부분의 브라우저는 모든 이미지를 sRGB로 해석하므로 웹용으로 편집 할 때는 누구나 sRGB를 사용하는 것이 좋습니다.

이것은 sRGB 자체에있는 일반 영역 디스플레이에 사용되는 브라우저에 적합합니다.

이제 넓은 영역 디스플레이를 입력하십시오. 이들은 AdobeRGB 색 공간에 살고 있으며 색상 관리가없는 넓은 영역 디스플레이 브라우저에서 실망스럽게도 이미지 데이터가 AdobeRGB 색 공간에있는 것으로 해석됩니다. sRGB 이미지 데이터가 AdobeRGB로 해석되면 어떻게됩니까? 색상이 꺼져 있고 너무 튼튼합니다.

FireFox와 같은 색상 관리 기능이있는 브라우저를 사용하는 경우에도 문제는 계속 발생하지만 내장 프로파일없이 그림을 볼 경우 그림은 sRGB 대신 AdobeRGB로 해석됩니다.

한마디로 : 넓은 색 영역 표시가 깜박이기 때문에 끔찍하게 보입니다.

브라우저 (Internet Explorer 및 FireFox)에서 AdobeRGB 대신 sRGB를 기본값으로 사용하도록하는 방법에 대한 아이디어가 있습니까?

Windows 7을 사용하고 있습니다.

재미있는 점은 이미지를 로컬 드라이브에 다운로드하고 파일 뷰어를 사용하여 볼 때 색상이 sRGB로 올바르게 해석됩니다.


Flickr가 더 작은 크기를 생성 할 때 색상 프로파일을 포함하지 않을 수도 있습니다.
Rowland Shaw

프로파일을 포함하는 파일은 내 주요 문제가 아닙니다. 내 주요 문제는 프로필이 포함되지 않은 이미지입니다.
Sam

@Rowland Flickr 크기가 조정 된 이미지에서 색상 프로파일을 유지합니다.
Mark Whitaker

마지막 문장에서 언급 한 "재미있는 것"은 이미지 뷰어가 프로파일 링되지 않은 이미지를 sRGB로 취급하고 Firefox는 그렇지 않기 때문입니다. Firefox를 사용하는 방법에 대한 내 대답을 참조하십시오.
Mark Whitaker

답변:


-4

불행히도, 당신이 할 수있는 일은 아무것도 없습니다. 원하는 것을 얻으려면 시스템 프로파일을 sRGB로 설정해야합니다.

프로파일이 첨부되지 않은 이미지의 이미지 색상 표현 동작은 정의되어 있지 않습니다. 프로파일이 연결되어 있지 않으면 브라우저는 이미지의 색상 공간을 추측하지 못합니다. 운영 체제가이를 처리합니다.

색상을 올바르게 표현하는 올바른 방법은 이미지에 프로파일을 첨부하는 것입니다. 분명히 깜빡임 (및 smugmug 썸네일) 은이 옵션을 제공하지 않습니다.

따라서 두 가지 중에서 선택할 수 있습니다. 하나는 모니터 프로파일로 sRGB를 사용하도록 창을 설정합니다. 태그가없는 이미지는 모두 sRGB처럼 보이지만 태그가있는 이미지는 불량처럼 보이고 색상 관리에 문제가 있습니다.

또는 관리되지 않은 이미지가 악마라는 사실을 처리하고 그것에 대해 할 수있는 일은 없습니다 .

컬러 프로파일을 자동으로 첨부 할 수있는 파이어 폭스 플러그인이있을 수 있지만 그 외에는 컬러 관리로 알려진 오래된 오래된 것입니다.

Smugmug와 동일한 문제를 처리해야했습니다. 내 이미지에는 모두 sRGB 프로파일이 첨부되어있어 색상 관리 브라우저에서 멋지게 보이지만 축소판 그림이 과도하게 보입니다. 엄지 손가락이 자동으로 생성되고 smugmug가 미리보기 이미지 크기를 두 배로 늘리기 때문에 색상 프로파일 첨부를 거부하기 때문입니다. 따라서 엄지 손가락은 OS가 렌더하기로 결정한 방식으로 렌더링됩니다.


실제로 내 디스플레이 (Eizo CG303w)는 탐색에 매우 유용한 AdobeRGB와 sRGB 사이를 전환하는 데 사용할 수있는 모드 스위치를 제공합니다.
Sam

"원하는 것을 얻으려면 시스템 프로필을 sRGB로 설정해야합니다." -그건 완전히 틀렸어 시스템 프로파일을 sRGB로 설정해서는 안되며 모니터를 교정 장치로 프로파일 링해야합니다.
Mark Whitaker

1
이 답변의 거의 모든 것이 잘못되었으므로 -1입니다. 당신은 당신이 sRGB로 디스플레이 프로필을 설정할 수 있습니다 Flickr에서 이미지에 프로필을 첨부, 파이어 폭스는 의 sRGB로 태그가 지정되지 않은 이미지 및 연색성을 얻을 수있는 적절한 방법을 렌더 하지 (단지) 이미지에 태그를, 그것으로이다 모니터를 프로파일 링하십시오! 즉, 거기 이다 당신이 그것에 대해 할 수있는 일이!
Mark Whitaker

1
죄송합니다. "모니터를 RGB로 설정"의 첫 부분은 나쁜 이미지였습니다. "이미지는 sRGB처럼 보이지만 다른 이미지는 쓰레기처럼 보입니다." 나는 그렇게 태그를 붙였어 야하지만 그것이 나쁜 조언이라고 암시되었다고 생각했다. 또한 firefox의 설정에서 이미지에 태그를 지정하는 프로파일을 말하지 않습니다. 세 번째로 색상 보정을 수정하고 파이어 폭스 브라우저를 설정하면 자신에게 적합하지만 갤러리를 방문하려는 모든 사람이 동일한 작업을 수행하도록하십시오. 관리되지 않는 이미지의 실제 문제입니다.
Alan

17

나는 똑같은 문제를 겪었고 정확하고 실행 가능한 솔루션에 도달 할 수 있습니다 . 질문과 이전 답변 (그리고 실제로는 일반적으로 색상 관리와 관련하여)에 많은 오해가 있으므로 정리하고 답변을 제공하려고합니다.

첫째, 오해는 ...

  1. 일반 (비 와이드) 모니터는 "sRGB에 라이브"가 아니며 와이드 영역 디스플레이가 "AdobeRGB에 라이브"가 아닙니다. sRGB 및 AdobeRGB (ProPhoto RGB와 함께)는 작업 프로파일 로 알려져 있습니다 . 실제 장치와 일치하지 않으며 모든 장치를 이해하도록 프로그래밍 할 수있는 표준 측정 세트 만 제공합니다. 모든 모니터 (및 모든 프린터)에는 고유 한 프로파일이 있으며 실제로 디스플레이의 화학 물질이 시간이 지남에 따라 프로파일이 변경 될 수 있습니다. 개별 디스플레이의 프로파일은 표준 작업 프로파일 중 하나와 크게 겹칠 수 있지만, 정확하게 일치하거나 완전히 일치한다고 말하는 것은 잘못입니다. 그것'

  2. 모니터의 프로파일이 아니기 때문에 디스플레이의 프로파일을 작동중인 프로파일 중 하나로 설정해서는 안됩니다 . 올바른 해결책은 교정 장치사용 하여 모니터의 올바른 프로파일을 찾아서 사용하는 것입니다.

  3. 브라우저는 유일한 결실이 아닙니다. 다른 이미징 앱 (Photoshop, Lightroom 등)에서도 색상을 충실하게 표시하는 방식으로 디스플레이를 프로파일 링해야합니다.

  4. 거기 이다 당신이 브라우저에서 관리되지 않는 이미지에 대해 할 수있는 일이 (약간 다른 답변은 거기에 감동했다). 아래에 자세히 설명하겠습니다.

모니터에서 이미지를 볼 때 프로파일이 상호 작용하는 방법에 대한 대략적인 안내서

이상적인 세계에서는 이미지를 볼 때 하나가 아니라 두 개의 프로파일이 재생됩니다 . 첫 번째는 이미지에 포함 된 프로필 입니다. 입력 프로필 이라고하겠습니다 . 디지털 이미지는 각각 빨강, 녹색 및 파랑의 조합을 포함하는 픽셀로 구성됩니다. 따라서 일반 빨간색 사각형의 경우 모든 픽셀은 100 % 빨간색, 0 % 녹색, 0 % 파란색으로 설정됩니다. 그러나 100 % 빨간색이란 무엇을 의미합니까?길가에 "지금 최대 속도로 운전할 수 있습니다"라는 표시가있는 것과 같습니다. 최대 속도는 얼마입니까? 차가 빨리 갈까요? 표지판이 표시되지 않으므로 실제 속도는 자동차마다 다릅니다. 입력 프로파일이 알려주는 것은 100 % 값이 상대적인 것입니다. 내장 프로파일로 태그가 지정된 이미지의 경우, 컴퓨터는 "100 % 빨강"이 특정 프로파일에 의해 정의 된 최대 빨강 값을 의미한다는 것을 알고 있습니다. (비유를 완성하기 위해 도로 표지판에 "최대 한계 70mph. 이제 최대 주행 거리입니다."라고 표시됩니다.)

따라서 이미지에 내장 프로파일로 태그가 지정되면 정확히 표시해야하는 내용, 즉 빨강, 노랑 등의 음영이 무엇인지 정확히 알 수 있습니다. 다음 질문은 어떻게 표시합니까? 다른 컴퓨터 (또는 컴퓨터와 휴대 전화 만)에서 동일한 이미지를 보면 정확히 같은 방식으로 두 디스플레이가 색상을 렌더링하는 것을 볼 수 없습니다 . 여기에서 모니터를 보정하여 디스플레이 프로필 ( 출력 프로필) 을 생성해야합니다.이 프로필 은이 특정 장치가 어떻게 색상을 렌더링하는지 정확하게 알려줍니다. 이제 필요한 정보를 모두 얻었습니다.

  • 입력 프로필 : 이 이미지가 "빨간색"이라고 표시되면 무엇을 의미합니까?
  • 출력 프로파일 : 이 하드웨어를 가능한 한 가까운 곳에 표시하려면 어떻게해야합니까?

이미지에 태그가 없으면 어떻게해야합니까? 가장 전문적인 사용을 제외한 모든 사람에게 태그가없는 이미지가 sRGB 프로파일을 사용한다고 가정하는 것이 안전합니다.

그리고 지금 당신의 질문에 대답합니다

모든 모니터의 첫 단계는 (특히 넓은 색 영역 디스플레이에서 중요 함) 모니터 를 올바르게 교정하는 것 입니다. 이를 위해서는 캘리브레이터 (calibrator)가 필요합니다. 화면 위에 앉아 다양한 테스트 이미지를 표시하는 동안 색상을 판독하여 모니터가 실제로 표시하는 색상을 결정하는 하드웨어입니다. 넓은 색 영역 디스플레이의 경우 적절한 교정기를 사용해야합니다. Spyder Pro 3을 사용 하며 제대로 작동합니다.

모니터를 보정 한 후에는 색상 관리 응용 프로그램이 색상을 충실하게 표시하고 있음을 알 수 있습니다. 보정하기 전에 광역 모니터에 과포화 된 모든 것이 표시되었습니다. 피부 톤은 토마토 색이며 Photoshop과 Lightroom은 모두 사용할 수 없었습니다. 교정 후 둘 다 완벽 해 보였다. 색상 관리 앱을 사용하여 보정을 테스트하십시오.

그리고 이제 브라우저에! Firefox 는 보정 된 넓은 범위 디스플레이에서 나에게 잘 작동하는 유일한 브라우저입니다. 기본적으로 이미지에 포함 된 색상 프로파일을 사용하여 이미지를 올바르게 표시하지만 태그가 지정되지 않은 이미지는 여전히 채도가 높습니다. 그러나 걱정하지 마십시오. 모두 손실되지 않습니다!

  • 입력 설정 : 대한 귀하의 주소 표시 줄에.
  • 아래로 스크롤하여 gfx.color_management.mode찾으십시오 .
  • 값을 1로 변경하십시오 .

이로 인해 Firefox는 태그가없는 모든 이미지를 sRGB로 처리합니다 . 정확히 우리가 원하는 것입니다. 북마크 바의 아이콘에서도 작동합니다! 불행히도 플래시 비디오 플레이어에서는 여전히 작동하지 않습니다.

모두 사파리크롬은 또한 색상 관리하지만 둘 다 자신의 단점이있다. Safari (Windows 이상)에서는 태그가없는 이미지를 sRGB로 취급하지 않습니다. Chrome에서는 기본적으로 색상 관리가 사용 중지되어 있으며 전원을 켜기가 어렵습니다 .

글을 쓰는 시점에서 Opera는 색 관리를 전혀하지 않으며 IE9는 완전히 바보입니다. 입력 프로파일 (이미지에 포함 된 프로파일)은 존중하지만 디스플레이 출력 프로파일은 무시합니다 ! 이것은 넓은 범위의 디스플레이에서 IE9를 쓸모없는 것으로 만듭니다.

따라서 : 보정 + Firefox 사용 + gfx.color_management.mode를 1 = 설정하면 좋습니다. :)



3

이것은 아마도 이것과 비슷한 질문입니다 : 라이트 룸 수출은 플리커에 너무 어둡 . 두 개의 넓은 범위 디스플레이 (데스크톱, 랩톱)가 있습니다. 최신 버전의 Firefox를 사용 해보고 싶을 수도 있지만 숨을 멈추지 않을 것입니다. 1 년 전 Firefox 버그 추적기 (문제 497363509710 ) 에서이 문제를보고했습니다 . Firefox의 색상 관리는 실제로 옵션을 활성화하는 것만 큼 쉽지 않습니다. ICC 프로파일은 구조와 기능이 다릅니다. 넓은 범위의 디스플레이를 사용하는 우리 중 일부는 Firefox가 해당 ICC 프로파일을 올바르게 해석 할 수 없음을 발견했습니다.

다른 보정 도구를 사용하여 다른 ICC 프로파일을 생성하거나 하드웨어 LUT가있는 모니터 (예 : 보정 도구와 직접 통신하고 보정 매개 변수를 하드웨어에 저장할 수있는 모니터)를 사용하면이 문제가 사라질 수 있습니다. 무료 ICC 프로파일 검사기 를 사용하여 프로파일을 가지고 놀면서 작동하는 것으로 알려진 다른 프로파일과 비교할 수 있습니다. ICC 프로파일 사양 은 다음과 같습니다 . 아래는 내 프로필의 스크린 샷입니다. 내 프로필과 공통점이 있는지 확인하십시오.

그 이후로는 Firefox 베타 버전을 사용해 보지 않았습니다.이 문제에 익숙해졌습니다. 최신 버전을 사용하고 있다면 그것에 대해 듣고 싶습니다. Flickr 사진에 사진을 밝게 비추거나 AdobeRGB를 사용하지 마십시오. 웹 친화적 인 sRGB 색상 공간을 고수하십시오.

대체 텍스트


1

최신 버전의 Firefox에는 프로파일 링되지 않은 이미지와 프로파일 링 된 이미지를 시도하고 관리하는 설정이 있습니다. about : config로 이동하여 gfx.color_management.mode를 '1'로 변경할 수 있습니다. (기본값은 2입니다.) 약간의 인터넷 검색으로 더 나은 설명을 얻을 수 있지만 SmugMug 축소판 등을 볼 때 도움이되었습니다.

여전히 Win7 과포화 빨강에 대한 시스템 전체 수정은 아니지만 적어도 내 브라우저는 제정신입니다.


"Win7 과포화 빨강"은 Windows 7과 관련이 없으며 모니터 문제입니다. Firefox 설정에 대해서는 맞습니다.
Mark Whitaker

0

IE에서는 운이 좋지 않다고 생각하지만 IE 9에서는 수정되었을 수 있습니다. Firefox의 경우 이미 알고 있듯이 프로필 정보가 일부 지원 되며 문제를 완화시킬 수있는 다양한 설정에 대한 지침 을 얻을 수 있습니다 당신은 그것을 가지고 있습니다. 다른 옵션은 색상을 올바르게 인식해야하는 Safari를 사용하는 것입니다.

최종 옵션은 실제로 호출 할 수 있다면 모니터를 지원하는 경우 sRGB 색상 공간으로 모니터를 전환하는 것입니다.

우리 자신의 jrista는 여기서 색상 전문가 인 것처럼 보이므로 아마도 더 많은 아이디어를 수정하여 차임 할 것입니다.


위에서 쓴 것처럼 FireFox는 색상 프로파일을 지원하지만 색상 프로파일이없는 사진 (인터넷의 약 99 %)에서는 여전히 문제가 지속됩니다.
Sam

0

Firefox 및 IE의 현재 색상 관리 상태는 다음과 같습니다 (2010 년 10 월 11 일).

Firefox v3.5.x-전체 색상 관리를 지원하지만 ICCv2 프로파일 만 이해합니다. 디스플레이 보정 / 프로파일 링 소프트웨어가 v2 프로파일 생성을 지원하는 경우 (프로그램 설정에서 옵션을 찾으십시오) 이미지를 올바르게 표시 할 수 있어야합니다. 기본적으로 Firefox는 색상 프로파일로 태그가 지정된 이미지에 대해서만 색상 관리를 사용합니다. 웹에는 태그가 지정되지 않은 sRGB 이미지가 많으므로 모든 이미지의 색상을 관리하도록 Firefox를 구성해야 할 것입니다. 이 변경을 수행하는 가장 쉬운 방법은 Firefox 용 색상 관리 확장을 사용하는 것입니다.

FireFox v4 (현재 베타 버전)-FireFox4는 이미지와 디스플레이 프로필 모두에 대해 ICCv4 색상 프로파일을 지원합니다. 현재 베타 버전은 부풀어지고 버그가 많으며 느리기 때문에 일반적인 용도로는 권장하지 않지만 적어도 올바른 색상 관리가 진행되고 있음을 알고 있습니다.

Internet Explorer 8.x-색상 관리가 전혀 없습니다. 지퍼, 나다.

Internet Explorer 9 (현재 베타 버전)-공개 베타 버전은 일부 색상 관리 지원이 제한되어 있지만 광역 모니터에서는 실제로 사용되지 않습니다. IE9 (베타)는 sRGB 이외의 프로필로 태그가 지정된 이미지를 인식하여 sRGB로 변환합니다. 불행히도 디스플레이 프로필을 완전히 무시하므로 넓은 범위의 모니터를 사용하는 경우 모든 것이 여전히 과포화됩니다. MS가이 동작을 고칠 지 여부 또는 렌더링 속도를 향상시키기위한 의도적 인 결정인지 여부는 여전히 남아 있습니다. IE9를 베타 테스트하는 사람이라면이 버그를보고하여 MS에 불만이있는 사람들이 있음을 알리십시오.


-1

나는 같은 문제가 있었다. Safari를 설치하면 Flickr 사진이 색상 프로파일을 지원하므로 잘 보일 것입니다.


위에서 언급했듯이 색상 프로파일을 지원하는 FireFox에서도 (예, 테스트했습니다) 색상 프로파일이 포함되지 않은 사진 (웹의 약 99 %)에는 문제가 지속됩니다.
Sam

1
기본값은 색상 관리 태그가 지정된 이미지 만이지만 Firefox는 모든 이미지에 색상 관리를 사용하도록 구성 할 수 있습니다.
Jeff Kohn

"모든 사용자에게 Safari를 설치하도록 알리십시오"라고 생각하는 것은 매우 실용적인 해결책이 아닙니다!
내 프로필을 읽으십시오

모든 사람에게 Safari를 설치하라고 말하지 않습니다. 나는 그들이 더 좋아 보이고 더 이상 아무것도 보이지 않는다는 것을 알았습니다.
Sean
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.