Format Atlas

가이드

웹 이미지 형식 선택하기

형식을 고르기 전에 제공할 이미지 종류와 지원해야 할 브라우저·도구를 먼저 결정하세요.

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

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

  • 사진 중심 → JPEG부터 검토하고 WebP·AVIF 고려
  • 투명 그림 → PNG 또는 WebP
  • 로고와 기하학적 그림 → SVG

사진과 그림 구분하기

사진, 투명 그림, 확대 가능한 로고는 중요한 특성이 다르므로 실제 소재에 맞춰 선택하세요.

배포 전 확인하기

새로운 형식은 대상 브라우저, 변환 과정, 대체 이미지를 제공하는 방식을 확인하세요.

고려할 형식

JPEG

적합한 용도: 폭넓은 호환성이 필요한 사진

적합하지 않은 용도: 투명 효과가 필요한 이미지

PNG

적합한 용도: 투명 이미지, 화면 캡처, 그림

적합하지 않은 용도: 파일 크기가 주된 관심인 사진

WebP

적합한 용도: 웹 사진이나 투명 이미지

적합하지 않은 용도: 지원 확인 없이 고정 배포

SVG

적합한 용도: 로고나 도형 중심 이미지

적합하지 않은 용도: 사진 자체

내보내기 전 확인

  • 형식만 바꾼다고 크기나 화질이 항상 좋아지지는 않습니다.
  • 일부 애니메이션은 동영상이 더 적합할 수 있습니다.

관련 비교

JPEG와 WebPJPEG는 사진에 폭넓게 지원되고 WebP는 손실·무손실 압축과 투명도를 지원합니다. 웹 배포 결과는 원본 이미지, 인코더 설정, 대상 브라우저에 따라 달라집니다.PNG와 WebPPNG와 WebP는 모두 투명도를 지원할 수 있습니다. PNG는 호환성이 넓은 무손실 형식이고 WebP는 웹 전송 최적화에 쓸 수 있으며 애니메이션도 지원합니다. 실제 자산과 대상 브라우저를 기준으로 비교하세요.AVIF vs WebPAVIF와 WebP는 모두 웹 이미지용이며 손실·무손실 옵션과 투명도를 지원합니다. 같은 이미지로 화질, 크기, 인코딩 속도와 환경 지원을 비교하고 필요하면 여러 형식을 함께 제공하세요.

가이드

사진 파일 형식 선택하기사진은 쉬운 공유와 호환성, 웹 파일 크기, 제작·편집 요구사항 중 무엇을 우선할지에 따라 형식이 달라집니다.투명 이미지 형식 선택하기투명 이미지에서는 반투명, 사진의 세부 표현, 확대 가능한 벡터 그림이 필요한지와 대상 환경 지원을 확인하세요.

참고 자료 및 사양