더 이상 이 블로그는 운영되지 않습니다. 새 블로그로 가 주세요.
MSIE에서 png 제대로 쓰기
2005/03/03 PM 12:37 | 개발/웹 표준과 접근성 | 5 comments | 0 trackbacks | AllBlog: vote, to pocket
MSIE는 다른 브라우저들보다 버그가 꽤나 많은 편이고, 이는 png 파일 지원에 있어서도 그대로 나타난다. 간단하게 몇 가지만 요점 정리하자면...
- alphachannel이 제대로 지원되지 않는다. 다행히도 MSIE의 비표준-_- css 속성인 filter를 사용해서 어찌 어찌 넘어 가는 방법이 있는데, 나 같은 귀차니스트들을 위해 filter 속성을 자동으로 넣어 주는 자바스크립트도 존재한다. 많이 쓰이는 방법 중에는 behavior 속성을 이용하거나 expression을 쓰는 방법이 있다. (전자가 느린 것 같아서 나는 후자를 쓰고 있다)
- gAMA chunk를 제대로 해석하지 않는다. 이미지 파일 별 gamma 값을 설정해 주는 건데 이게 붙어 있기만 하면 색깔이 달라서 환장하는 일이 벌어진다. 문제는 대부분의 그래픽 편집 프로그램은 이 chunk를 자동으로 45455(1/2.2)로 붙여 버리는데 (이렇게 붙이면 십중팔구 색깔 안 맞는다) 나 같은 경우 그냥 gAMA chunk를 자동으로 지워 주는 프로그램을 만들어서(...) 해결하고 있다.
음냐... 저번에 gAMA chunk 때문에 개삽질한 게 생각나서 잠시 써 놓는다.
- alphachannel이 제대로 지원되지 않는다. 다행히도 MSIE의 비표준-_- css 속성인 filter를 사용해서 어찌 어찌 넘어 가는 방법이 있는데, 나 같은 귀차니스트들을 위해 filter 속성을 자동으로 넣어 주는 자바스크립트도 존재한다. 많이 쓰이는 방법 중에는 behavior 속성을 이용하거나 expression을 쓰는 방법이 있다. (전자가 느린 것 같아서 나는 후자를 쓰고 있다)
- gAMA chunk를 제대로 해석하지 않는다. 이미지 파일 별 gamma 값을 설정해 주는 건데 이게 붙어 있기만 하면 색깔이 달라서 환장하는 일이 벌어진다. 문제는 대부분의 그래픽 편집 프로그램은 이 chunk를 자동으로 45455(1/2.2)로 붙여 버리는데 (이렇게 붙이면 십중팔구 색깔 안 맞는다) 나 같은 경우 그냥 gAMA chunk를 자동으로 지워 주는 프로그램을 만들어서(...) 해결하고 있다.
음냐... 저번에 gAMA chunk 때문에 개삽질한 게 생각나서 잠시 써 놓는다.
TrackBack URL: http://sapzil.info/soojung/trackback.php?blogid=520
Comment: klutzy (2005/03/04 AM 12:53)
-.-어쩐지 방명록에 그림 하나가 파폭이랑 IE랑 다르게 나오더니 그거였군요. (...라기보단 그건 그림이 아닌데;)
Comment: 토끼군 (2005/03/04 AM 12:55)
Powring: 크크크... -_-; 근데 속 편하게 그러고 싶긴 하네요.
klutzy: MSIE에서 회색 배경으로 나오면 알파채널로 된 png 파일입니다-_-
Comment: 인클루드 (2005/03/06 AM 12:01)
정보 고마워용~
Comment: 토끼군 (2005/03/06 AM 12:12)
인클루드: 사실 찾아 보면 많이 나오는 것들을 또 다시 반복하는 것 뿐입니다 :)
Comment: Powring (2005/03/03 PM 10:46)
저는 파이어폭스랑 오페라로만 테스트를 하는 나쁜 버릇이 생겨서...