본문 바로가기
IT 관련 Tip/ETC

이미지 확장자, 헷갈리지 마세요! 종류별 특징과 용도 비교

by How Money 2024. 4. 13.

 

인터넷에서 이미지를 다룰 때, 가장 흔하게 마주치는 것이 바로 이미지 확장자입니다. 하지만 .jpg, .png, .gif 외에도 다양한 확장자가 존재하며, 각각 특징과 용도가 다르기 때문에 어떤 것을 사용해야 할지 고민이 될 수 있습니다.

이 글에서는 대표적인 이미지 확장자들의 특징과 용도를 자세히 비교해보고, 상황에 맞는 최적의 확장자를 선택하는 데 도움을 드리겠습니다.

 

1. JPEG (.jpg, .jpeg, .jpe)

  • 특징:
    • 손실 압축: 이미지 화질 저하 가능성이 있지만, 파일 용량을 크게 줄일 수 있습니다. 사진 저장에 적합합니다.
    • 색상: 약 1,677만 가지의 색상 표현 가능 (True Color)
    • 투명 지원: 지원하지 않음
    • 대표적인 사용 사례: 사진, 웹 이미지, 온라인 쇼핑몰 상품 이미지 등
  • 장점:
    • 높은 압축률로 작은 파일 크기 제공
    • 대부분의 웹 브라우저 및 기기에서 지원
    • 사진의 풍부한 색상 표현 가능
  • 단점:
    • 압축 과정에서 화질 손실 발생 가능
    • 투명 이미지 지원 불가능

 

2. PNG (.png)

  • 특징:
    • 무손실 압축: 화질 손실 없이 이미지 압축 가능
    • 색상: 약 1,677만 가지의 색상 표현 가능 (True Color)
    • 투명 지원: 알파 채널을 사용하여 투명 효과 지원
    • 대표적인 사용 사례: 로고, 아이콘, 웹 그래픽, 그림, 텍스트가 포함된 이미지 등
  • 장점:
    • 화질 손실 없이 압축 가능
    • 투명 이미지 지원
    • 다양한 색상 표현 가능
  • 단점:
    • JPEG에 비해 파일 용량이 다소 커짐
    • 일부 구형 브라우저에서 지원하지 않을 수 있음

 

3. GIF (.gif)

  • 특징:
    • 애니메이션: 여러 이미지를 연속 재생하여 간단한 애니메이션 표현 가능
    • 색상: 제한된 색상 팔레트 (최대 256색)
    • 투명 지원: 투명 효과 지원
    • 압축 방식: 손실 압축 방식으로 이미지 화질 저하 가능성 있음
    • 대표적인 사용 사례: 로고, 배너, 간단한 애니메이션, 이모티콘 등
  • 장점:
    • 간단한 애니메이션 제작 가능
    • 작은 파일 용량
    • 웹 브라우저에서 널리 지원
  • 단점:
    • 제한된 색상 표현
    • 화질 저하 가능성
    • 사진에는 적합하지 않음

 

4. BMP (.bmp)

  • 특징:
    • 무손실 압축: 화질 손실 없이 이미지 저장
    • 색상: True Color, 24bit 색상까지 지원
    • 투명 지원: 지원하지 않음
    • 압축 방식: 비압축 또는 간단한 압축 방식으로 파일 용량이 매우 커짐
    • 대표적인 사용 사례: 고화질 이미지 저장, Windows 기본 이미지 형식
  • 장점:
    • 화질 손실 없이 이미지 저장 가능
    • Windows 기본 이미지 형식으로 호환성 높음
  • 단점:
    • 매우 큰 파일 용량
    • 웹에 적합하지 않음
    • 투명 효과 지원 불가능

 

5. WebP (.webp)

  • 특징:
    • Google에서 개발: 웹 이미지 최적화를 위한 새로운 형식
    • 압축 방식: 손실 및 무손실 압축 방식 지원, 상황에 따라 적절한 압축 선택 가능
    • 색상: True Color, 다양한 색상 표현 가능특징: (계속)
    • 투명 지원: 투명 이미지 지원
    • 대표적인 사용 사례: 웹 이미지, 온라인 쇼핑몰 상품 이미지 등
  • 장점:
    • 높은 압축률로 작은 파일 크기 제공 (JPEG보다 2배 이상 작음)
    • 화질 손실 최소화
    • 투명 이미지 지원
    • 웹 표준으로 빠르게 지원 확대
  • 단점:
    • 일부 구형 브라우저에서 지원하지 않을 수 있음
    • 사진 편집 프로그램에서 지원하지 않을 수 있음

 

6. SVG (.svg)

  • 특징:
    • 벡터 그래픽: 선, 도형, 텍스트 등으로 구성된 이미지로 무한 확대 가능
    • 파일 용량: 작고 가벼움
    • 색상: 다양한 색상 표현 가능
    • 투명 지원: 지원
    • 대표적인 사용 사례: 로고, 아이콘, 웹 그래픽, 차트, 그래프 등
  • 장점:
    • 무한 확대/축소 가능 (해상도 손실 없음)
    • 작은 파일 용량
    • 웹 표준으로 높은 호환성
    • 편집 및 애니메이션 제작 용이
  • 단점:
    • 사진 표현에는 적합하지 않음
    • 일부 구형 브라우저에서 지원하지 않을 수 있음

 

7. RAW (.raw)

  • 특징:
    • 미처리 이미지: 카메라 센서에서 캡처된 이미지 데이터 그대로 저장
    • 정보량: 풍부한 이미지 정보 보유 (후보정에 유리)
    • 색상: 다양한 색상 표현 가능
    • 투명 지원: 지원하지 않음
    • 대표적인 사용 사례: 사진 촬영 후 후보정 작업
  • 장점:
    • 사진 촬영 후 다양한 후보정 작업 가능
    • 최고의 화질 유지
  • 단점:
    • 파일 용량 매우 커짐
    • 특별한 프로그램 없이 열람 불가능
    • 일반 사용자에게 적합하지 않음

 

8. 기타 이미지 확장자

  • TIFF (.tiff, .tif): 고품질 이미지 저장, 다양한 레이어 지원
  • PSD (.psd): Adobe Photoshop에서 사용하는 이미지 형식, 레이어 편집 가능
  • ICO (.ico): 윈도우 아이콘 이미지
  • HEIC (.heic): 아이폰에서 사용하는 이미지 형식, 높은 압축률과 화질 제공

 

9. 이미지 확장자 선택 가이드

  • 사진: 화질 중요, 파일 크기 고려하지 않음: JPEG
  • 사진: 화질 중요, 작은 파일 크기 필요: WebP
  • 웹 이미지: 작은 파일 크기 중요, 투명 필요: PNG
  • 간단한 애니메이션: GIF
  • 로고, 아이콘: SVG
  • 고품질 이미지: TIFF
  • 사진 편집: PSD
  • 윈도우 아이콘: ICO
  • 아이폰 이미지: HEIC