Format Atlas

가이드

웹 이미지 압축·애니메이션 형식 선택하기

사진, 투명 효과, 애니메이션과 호환성 요구를 구분하세요. 형식 이름만으로 크기나 화질을 단정하지 말고 실제 파일을 대상에서 비교하세요.

어떤 형식을 선택해야 할까요?

작업 흐름에서 파일이 맡는 역할에 따라 선택하세요.

  • 폭넓게 배포할 사진 → JPEG
  • 투명 정지 이미지 → PNG
  • 웹 전송 최적화 → WebP 또는 AVIF
  • 투명한 짧은 무손실 애니메이션 → APNG
  • JPEG XL 지원 환경에서 압축 검토 → JPEG XL

호환성부터 확인하기

새 형식은 브라우저, 앱, CDN, 변환 도구마다 지원이 다릅니다. 도입 전 대상 환경을 정하고 대체 이미지를 시험하세요.

애니메이션과 동영상 구분하기

APNG, GIF, 애니메이션 WebP는 짧은 루프나 UI 효과에 적합합니다. 길거나 오디오가 있으면 동영상 컨테이너와 코덱을 따로 고르세요.

고려할 형식

JPEG

적합한 용도: 폭넓은 지원이 필요한 사진 배포

적합하지 않은 용도: 투명이 필요한 그림

PNG

적합한 용도: 투명 정지 이미지와 그림

적합하지 않은 용도: 사진 파일 크기 절감

WebP

적합한 용도: 웹 이미지 전송 최적화

적합하지 않은 용도: 지원 확인 없는 필수 사용

AVIF

적합한 용도: AVIF 지원이 확인된 웹 전송

적합하지 않은 용도: 오래된 환경에 무조건 배포

APNG

적합한 용도: 짧은 투명 애니메이션

적합하지 않은 용도: 긴 동영상 배포

JPEG XL

적합한 용도: JPEG XL 지원 환경에서 이미지 평가

적합하지 않은 용도: 호환성 확인 없는 일반 배포

내보내기 전 확인

  • 인코딩 설정, 이미지 내용, 표시 크기 모두 파일 크기와 화질에 영향을 줍니다.
  • 새 형식을 채택하기 전에 대상 브라우저와 대체 이미지를 확인하세요.

관련 비교

가이드

참고 자료 및 사양