본문 바로가기

현재 위치
  1. HOME
  2. 쇼핑몰 TIP

쇼핑몰 TIP

온라인 쇼핑몰 제작부터 운영, 마케팅까지! 유용한 정보를 제공합니다.

카테고리 상세
번호 문의유형 제목
1550 포토샵과 웹에서 보는 화면 색이 다를 경우 조절하는 방법 조회수 5128
  • 작성일 2017-11-15 17:54:44
  • 추천 추천하기
  • 조회수 5128

포토샵에서 보정한 그대로 표현하기!


찍은 사진을 시간과 정성을 들여 포토샵으로 보정했는데

막상 저장된 파일을 열어보면 포토샵에서 보던 색상이 아닌 경우가 있으신가요?


그 이유는 바로 모니터, 포토샵, 인터넷 브라우저의

색공간이 모두 다르기 때문입니다!


▶ 색공간이란? (클릭)



우리가 일상에서 주로 사용하는 인터넷 익스플로러, 윈도우 기본 뷰어 등은

대부분 sRGB 색공간을 사용합니다.


이때, 사용한 카메라나 작업한 포토샵의 색공간 설정이

 AdobeRGB로 세팅되어 있는 경우 위와 같은 문제가 생길 수 있습니다.



이러한 문제를 최소화하는 방법!

소개하겠습니다.




01

포토샵 보정 색감과 웹 색감 차이 줄이기



1. 포토샵 설정 변경


1) 포토샵 'Edit > Color Setting'으로 이동합니다.


 


2) 'RGB' 항목을 'Adobe RGB'에서 'sRGB IEC61966-2.1'로 선택, 변경합니다.

※ 나머지 항목도 아래 이미지와 같이 설정하시길 권장합니다.


  

 



2. 카메라 색공간 설정을 sRGB로 변경


※ 카메라별 설정 방법이 다르므로 각 카메라 매뉴얼을 참고하시기 바랍니다.





02

기존에 촬영한 AdobeRGB 색공간 사진 처리



색공간이 AdobeRGB로 설정된 카메라로 촬영해둔 jpg 사진의 경우

포토샵 컬러 세팅을 위에서 설명한 대로 설정했다면

포토샵은 RGB: Preserver Embeded Profiles 옵션에 의해 이미지에 심어져있는

색공간으로 보여주기 때문에 아래 왼쪽 이미지와 같이 원래 색을 제대로 보여줄 것입니다.



 


하지만 인터넷 익스플로러, 알씨와 같은 일반적 뷰어로 볼 경우

AdobeRGB 색공간을 해석하지 못하고 sRGB로 해석하기 때문에

오른쪽 이미지와 같이 다소 탁하고 칙칙한 색으로 보여집니다.



이럴 경우 어떻게 해야 할까요?



1. 포토샵에서 해당 사진을 불러옵니다.



2. 포토샵 'Edit > Convert to Profile'로 이동합니다.



 


3. 나머지 항목은 그대로 두고 'Profile' 항목만 'sRGB IEC61966-2.1'로 설정합니다.



 


4. 'OK' 버튼을 클릭하고, 사진을 저장합니다.





이 과정을 거치면 웹이나 일반 뷰어로도 정상적인 색을 볼 수 있답니다!