웹상의 이미지 파일 포맷 종류와 특징
웹상에서 쓰이는 이미지 포맷 형식은 다양합니다. 그중에서 자주 사용하는 포맷의 종류와 특징에 대해 소개하려고 합니다.
파일 해상도는 GIF < JPG < PNG < TIFF 순으로 GIF가 가장 해상도가 떨어집니다.
GIF (Graphics Interchange Format의 약자)
투명한 배경을 지원하기 때문에 웹에서 사용하는 가장 일반적인 그래픽 파일 포맷. 저장 시 파일 용량은 작은 편이며, 포토샵의 애니메이션 기능을 이용하여 움직임을 만들 때도 이 형식(Animated GIF)으로 저장한다. 포맷 자체가 256색상까지밖에 지원하지 않으므로 256색 방식보다 섬세하게 색을 표현하는 이미지를 GIF 포맷으로 저장하면 256 색상으로 변환하는 과정에서 손실이 발생할 수 있다. gif가 오래되긴 했고 대체 파일도 있지만(APNG, WebP, BGF) 브라우저에 따라서 지원하기도 하고 안 하기도 하는 등 아직은 이렇다 할 차세대 공통 표준이 없는 상태라서 여전히 많이 쓰이고 있습니다.
JPG, JPEG (Joint Photograph Experts Group의 약자)
압축률이 높고 이미지 손실이 적어 탁월하고 효율적인 압축 방식으로 가장 일반적으로 사용되는 파일 포맷으로 사진을 압축 보관하는 국제적인 표준이 되었으며, 웹에서 연속적인 톤을 가진 이미지를 위해 사용할 수 있을 뿐만 아니라 압축된 파일도 24비트 색상(RGB)을 표현 할 수 있습니다. 이 압축 방법은 인물이나 풍경 사진에는 쓸만할지 몰라도, 문자, 선, 세밀한 격자 등 고주파 성분이 많은 이미지의 변환에서는 GIF나 PNG보 불리하며, 나쁜 품질을 보이는 경우가 많습니다.
PNG (Portable Network Graphics의 약자)
www 협회에서 제정한 파일 포맷으로 온라인 표준 이미지 파일 포맷인 GIF의 대안으로 개발 했으며 GIF와 JPEG의 파일 크기 축소 기능을 제공하고, GIF보다 30% 정도 작으며 이미지를 투명하게 사용할 수 있고, JPEG 만큼은 아니지만, 이미지 손실을 적게 하면서도 압축률이 좋은 편이고, 웹에서 이미지에 반투명을 사용할 경우 거의 유일한 방법일 것 입니다. JPG는 투명이 아예 안 되고, GIF는 투명이 되지만 반투명은 안 되기 때문입니다. GIF는 한 색만 투명처리되기 때문에 도트 노가다를 하지 않는 이상 필연적으로 계단 현상이 생길 수밖에 없지만, PNG는 256단계의 투명 단계(알파 채널)를 지원하기 때문에 계단 현상이 생기지 않습니다.
그리고, PNG는 일단 EXIF를 지원하지 못합니다. 그래서 사진에는 잘 쓰이지 않습니다.
- 라이선스 이슈
원래 GIF는 WWW가 대중화되기 전 ComputServe(우리나라에서는 케이텔이나 천리안과 유사한 서비스)라는 통신서비스 회사에서 개발한 파일 형식이다. 파일을 생성할 때 LZW라는 압축 기술이 IBM과 Unisys의 특허이다. 현재 이 특허는 유효기간이 지나서 웹에서 표현하는 것은 문제가 없지만, GNU의 GIF에 대한 입장을 한번 읽어 볼 만하다.
BMP (줄여서 Bitmap)
대표적인 비트맵 포맷 방식이며 윈도우 이미지 파일의 기본, 저장할 때 이미지를 압축하고 컬러는 32비트까지 저장할 수 있고, 채널은 저장하지 못하고. 다른 포맷에 비해 용량이 크다는 단점이 있습니다. 간단하게 말하면 그림판 파일. 예를 들어, 10x10 픽셀 BMP 이미지에는 100 픽셀의 색상 데이터가 포함됩니다. 이미지 정보를 저장하는이 방법은 선명하고 높은 품질의 그래픽을 허용합니다. 압축하지 않는 점이 오히려 속도에 도움이 되기도 해서(압축을 푸는 데 시간이 들어간다) 가끔 2D게임 또는 인터페이스에도 쓰이곤 합니다. 주로 스프라이트라고 불리는 한 파일에 여러 모션이 들어있는 방식으로 쓰이는 편. 3D의 스킨으로 쓰이기도 합니다.
TIFF
PC와 매킨토시에서 공통으로 사용할 수 있는 최초의 파일 포맷. 전에는 스캐너의 기본 포맷으로 사용되었습니다. 이미지에 손상을 주지 않는 LZW 라는 압축 형식을 사용합니다.
아크로뱃에서 사용되는 포맷. 벡터와 비트맵 그래픽을 표현할 수 있으며 포토샵의 레이어를 그대로 저장하여 압축률 또한 뛰어납니다.
출처 : 포토샵 CS5 생각보다 쉽네요