[포토샵] IE 6에서 투명하게 보이는 PNG 그림 만들기
무른연모/그림,동영상
2009/07/04 12:25
인터넷 탐색기 6(약칭 IE 6)에서는 배경이 투명한 png 그림을 잘 표현하지 못한다. 아래 두 그림은 같은 png 그림인데, IE 6에서는 배경색이 다르게 보인다.
왼쪽 그림은 별다른 처리를 하지 않고 투명한 PNG 그림을 저장한 것이어서 IE 6에서는 PNG의 투명한 배경이 회색으로 채워져 나온다. 이 문제 때문에 IE 6에서 투명한 그림을 나타낼 때는 gif 형식 이용하거나, png 그림 배경을 투명하게 해 주는 자바스크립트를 쓰기도 한다. 그런데 포토샵으로 조금만 신경써서 png 파일을 저장하면, 오른쪽 그림처럼 IE 6에서도 배경이 투명하게 나오는 png 그림을 만들 수 있다.
투명한 그림을 저장하기 앞서, 위 화면처럼 'Image → Mode'에서 'RGB Color' 대신에 'indexed Color'을 고른다. 그리고 나서 그림을 PNG 형식으로 저장하면 IE 6에서도 배경이 투명하게 나오는 PNG 그림을 만들어진다. (단, 들어가는 색상 수는 GIF와 같다.)
왼쪽 그림은 별다른 처리를 하지 않고 투명한 PNG 그림을 저장한 것이어서 IE 6에서는 PNG의 투명한 배경이 회색으로 채워져 나온다. 이 문제 때문에 IE 6에서 투명한 그림을 나타낼 때는 gif 형식 이용하거나, png 그림 배경을 투명하게 해 주는 자바스크립트를 쓰기도 한다. 그런데 포토샵으로 조금만 신경써서 png 파일을 저장하면, 오른쪽 그림처럼 IE 6에서도 배경이 투명하게 나오는 png 그림을 만들 수 있다.
투명한 그림을 저장하기 앞서, 위 화면처럼 'Image → Mode'에서 'RGB Color' 대신에 'indexed Color'을 고른다. 그리고 나서 그림을 PNG 형식으로 저장하면 IE 6에서도 배경이 투명하게 나오는 PNG 그림을 만들어진다. (단, 들어가는 색상 수는 GIF와 같다.)
덧글을 달아 주세요