그림파일 확장자 종류와 특징

jisan | 4:34 오후 | 2025년 10월 17일

처음 사진 편집을 시작했을 때, 파일 확장자가 그저 이름의 일부에 지나지 않는다고 생각했습니다. 시간이 지나 프로젝트를 진행하면서 웹 페이지의 로딩 속도, 인쇄 품질, 편집 편의성에 확실한 차이가 생긴다는 것을 체감했고, 어떤 포맷을 선택할지가 결과물을 좌우한다는 사실을 배우게 되었습니다. 이 글은 그러한 경험을 바탕으로 주요 그림 파일 확장자의 특징과 용도, 그리고 상황에 맞는 선택 가이드를 정리한 것입니다. 각 포맷의 핵심 포인트를 쉽게 이해하실 수 있도록 정리했고, 필요한 부분에는 참고 링크도 함께 제공합니다. 그림파일 확장자 종류와 특징 입니다.

래스터 이미지

JPEG (Joint Photographic Experts Group / JPG)

특징: 손실 압축으로 파일 크기를 크게 줄이는 방식이며, 압축률이 높을수록 화질 손상이 발생합니다. 한 번 손실이 생긴 정보는 되돌릴 수 없습니다. 자세한 내용을 참고하면 됩니다.
색상: 약 1,670만 가지 색상(24비트 트루 컬러)을 지원합니다.
투명도: 알파 채널을 지원하지 않아 투명 이미지는 표현할 수 없습니다.
장점: 파일 크기가 작아 웹 페이지의 로딩 속도를 높이는 데 유리합니다.
단점: 선명한 경계가 필요한 로고나 텍스트 이미지에는 부적합하며, 여러 차례 저장하면 화질이 누적 손상될 수 있습니다.

PNG (Portable Network Graphics)

특징: 비손실 압축으로 원본 이미지를 최대한 보존합니다. PNG-8(256색)과 PNG-24/32(약 1,670만 색상)로 구분됩니다. 참고
투명도: 알파 채널을 통한 투명도 표현이 강력합니다.
장점: 디자인 작업에서 품질을 유지하며 배경 투명도가 필요한 웹 디자인에 적합합니다.
단점: 사진과 같은 고해상도 이미지는 파일 크기가 JPEG에 비해 크게 나올 수 있습니다.

GIF (Graphics Interchange Format)

특징: LZW 비손실 압축을 사용하며 색상은 최대 256색(8비트)만 지원합니다. 애니메이션을 지원하지만 알파 채널은 제한적입니다.
투명도: 완전 투명/불투명만 가능하고 반투명은 지원하지 않습니다.
애니메이션: 여러 프레임을 순차적으로 재생해 간단한 움짤을 만듭니다.
장점: 간단한 애니메이션과 그래픽에 적합하고 파일 크기가 작아 웹에서 자주 사용됩니다.
단점: 색상 수가 적고 투명도 표현이 제한적입니다.

BMP

특징: 거의 비압축 상태로 저장되며, 색상은 흑백부터 1,670만 가지 색까지 다양하게 표현됩니다.
투명도: 일반적으로는 지원되지 않거나 제한적입니다.
장점: 구조가 단순하여 다양한 운영체제에서 호환성이 높습니다.
단점: 파일 크기가 매우 커 웹이나 인쇄용으로는 거의 사용되지 않습니다.

TIFF (Tagged Image File Format / TIF)

특징: 비손실과 손실 압축 모두를 지원하며, 색상은 16비트, 32비트까지 확장 가능해 고품질 이미지를 보존합니다.
투명도: 지원합니다.
장점: 스캔 이미지나 출판용 고품질 데이터 보존에 강점이 있습니다. 여러 페이지를 하나의 파일에 담을 수 있습니다.
단점: 파일 크기가 커 웹에서의 사용에는 부적합합니다.

RAW (Camera Raw Image Files)

확장자: 제조사별로 다양합니다(Canon CR2/CR3, Nikon NEF, Sony ARW, Adobe DNG 등).
특징: 비압축 또는 거의 손실 없는 편집 불가 상태로 저장되며, 센서가 수집한 원시 데이터를 그대로 담습니다.
색상: 일반 JPEG보다 더 넓은 색 정보를 담고 있어 후보정 여지가 큽니다.
장점: 노출, 색상, 대비 등을 손실 없이 자유롭게 조정할 수 있습니다.
단점: 파일 크기가 크고, 편집하려면 전용 소프트웨어가 필요합니다.

WebP

특징: 손실 및 비손실 압축 모두를 지원하고, 약 1,670만 가지 색상을 표현합니다. 투명도와 애니메이션도 지원합니다.
장점: JPEG, PNG, GIF를 대체하려는 목적으로 만들어졌으며, 동일 화질에서 파일 크기를 대폭 줄일 수 있어 웹 로딩 속도 향상에 유리합니다.
단점: 구형 브라우저에서의 호환성 문제가 있을 수 있습니다.

HEIF/HEIC

특징: 손실 및 비손실 압축을 모두 지원하고, 16비트 이상의 고심도 색상 표현이 가능합니다. 투명도도 표현할 수 있습니다.
장점: 같은 화질 기준으로 JPEG보다 파일 크기가 작으며, 여러 이미지를 한 파일에 저장하는 기능과 심지어 애니메이션/깊이 정보 등을 담을 수 있습니다.
단점: 주로 Apple 기기에서 많이 사용되며, 타 플랫폼과의 호환성은 상황에 따라 달라질 수 있습니다.

벡터 이미지

SVG (Scalable Vector Graphics)

특징: 수학적으로 정의된 벡터 그래픽으로 XML 기반의 텍스트 형식입니다. XML 특성상 텍스트 편집기로도 수정이 가능하고, 해상도에 관계없이 선명하게 확대됩니다. 참고
투명도: 지원합니다.
장점: 파일 크기가 작고, 무한대로 확대해도 깨지지 않으며 웹에서 애니메이션이나 인터랙션도 구현할 수 있습니다.
단점: 복잡한 사진 이미지나 섬세한 명암 표현에는 적합하지 않습니다.

기타 (편집용 포맷 등)

PSD (Photoshop Document)

특징: Adobe Photoshop의 기본 파일 형식으로 레이어, 마스크, 텍스트, 조정 레이어 등 편집 정보를 그대로 보존합니다.
장점: 작업을 여러 단계로 나눠 저장하고 필요 시 다시 편집하기 용이합니다.
단점: 파일 크기가 크고 Photoshop이 없으면 편집이 어렵습니다.

AI (Adobe Illustrator)

특징: Illustrator의 기본 파일 형식으로 벡터 기반의 일러스트 데이터를 저장합니다.
장점: SVG와 유사한 벡터 특성을 가지며, Illustrator 내부의 모든 편집 기능을 활용할 수 있습니다.
단점: Illustrator가 없어 편집이 어렵습니다.

어떤 확장자를 선택해야 할까?

사진 이미지(웹용): JPEG 또는 WebP를 주로 고려합니다. 속도와 품질 사이의 균형을 찾는 것이 핵심이며, 최신 웹 프로젝트라면 WebP의 이점을 적극 활용할 수 있습니다. WebP 정보를 참고해 보시길 권합니다.
로고, 아이콘, 텍스트, 투명 배경(웹용): PNG 또는 SVG를 추천합니다. 특히 SVG는 확대 시 깨지지 않는 점이 큰 강점이며, WebP도 추가 옵션으로 검토할 수 있습니다.
간단한 애니메이션(웹용): GIF와 WebP 중 상황에 따라 선택합니다. WebP는 애니메이션도 지원합니다.
인쇄 및 전문가용 고품질 이미지: TIFF, RAW를 우선 고려합니다. 원본 품질을 최대한 유지해야 하는 작업에 적합합니다.
원본 편집 파일: PSD, AI를 보관하면 후속 편집에 유리합니다.

각 확장자의 특징과 용도를 이해하면 프로젝트 상황에 맞게 가장 효율적인 포맷을 선택할 수 있습니다. 또한 필요에 따라 여러 포맷을 혼용하는 전략도 효과적일 수 있습니다. 예를 들어 웹 페이지의 로고는 SVG로 확대성을 확보하고, 본문 사진은 WebP로 로딩 속도를 최적화하며, 인쇄용 원본은 TIFF로 보존하는 방식이 일반적입니다. 이처럼 상황별로 포맷을 맞추는 습관을 들이면 결과물의 품질과 작업 효율 모두를 개선할 수 있습니다.