PNG 를 움직이는 형식으로 만든 APNG (Animated PNG) 라는 이미지 형식이 있다. 지금 이 형식을 지원하는 브라우저는 (내가 알기로) 파이어폭스 3가 유일하다. 만일 파이어폭스 3가 설치돼 있다면 이곳에 가서 직접 데모를 감상해 보고, 그렇지 않으면 아래 동영상을 참고하길 바란다. 위에서 돌아가는 이미지가 GIF 이고, 아래 이미지가 APNG 이다.

차이점이 느껴지는가? 회전하는 로고 주위를 보면 GIF 주위에는 흰색의 지저분한 여백이 남아있고, APNG 는 깨끗한 걸 볼 수 있다. 이것은 GIF 와 PNG 가 모두 투명한 여백을 지원하지만, 그림자같이 그라데이션이 들어간 여백의 처리 결과는 다르다는 것을 보여준다.

파이어폭스 3가 정식으로 나오고 APNG 의 사용이 보편화되면, 오페라나 익스플로러 같은 브라우저도 이를 지원할 것이다. 그냥 참고삼아 소개해봤다.


출처
Animate PNGs with Firefox



트랙백 주소 :: http://zzzik.net/trackback/296 관련글 쓰기

댓글을 달아 주세요

  1. 그런데 아직 파이어폭스 3도 정식 출시된 것도 아니라서 이게 보급돼서 IE 시리즈에까지 적용되려면 꽤 기다려야 할지도 모르겠네요... 일단 오페라나 사파리 쪽까지는 표준으로만 인정받으면 쉽게 가능할 것 같은데 말이죠... IE는 있는 표준도 잘 안 지키니까 뭐라고 하기가 어렵네요...

    • 아무래도 익스가 지원해야, APNG 의 활용이 본격화되겠죠. 아니면 예전처럼 "이 페이지는 파이어폭스 3에 최적화되어 있습니다." 란 문구를 보게될지도 모르겠네요. ㅋㅋ

Google