🗜️ 이미지 포맷 선택 가이드 | 어떤 포맷이 맞을까?

이미지 성격

투명한 배경이 필요한가요

움직이는 표현이 필요한가요

화질 손상 없는 보존이 필요한가요

구형 환경 지원이 필요한가요

폴백까지 한 번에 내는 마크업

picture 요소는 위에서부터 지원되는 첫 source를 쓰고, 마지막 img가 모든 환경의 기본값입니다. 포맷마다 줄어드는 용량은 이미지 내용·해상도·인코더 설정에 따라 차이가 커서 이 도구는 용량 절감률을 제시하지 않습니다.

웹용 이미지 포맷 선택 가이드 사용법

이미지 한 장을 올릴 때 JPEG인지 PNG인지 WebP인지 매번 헷갈리는 이유는, 정답이 포맷 이름이 아니라 조건 조합에 달려 있기 때문입니다. 이 도구는 이미지 성격·투명도·움직임·무손실 보존·구형 환경 지원 다섯 가지를 받아 1·2우선 포맷과 폴백을 고르고, 그렇게 고른 근거를 번호별로 보여 줍니다.

판단은 포맷의 사양만 따릅니다. JPEG는 투명도를 담지 않고, GIF는 알파가 1비트이며, SVG는 벡터 원본이 있어야 쓸 수 있고, PNG와 무손실 WebP는 화질을 그대로 보존합니다. 포맷별 지원 범위는 계속 바뀌므로 MDN이나 Can I Use 같은 공개 호환성 자료로 다시 확인하세요(2026년 10월 기준).

이 도구는 용량 절감률을 알려주지 않습니다. 포맷별 용량은 이미지 내용·해상도·인코더 설정에 따라 몇 배까지 벌어지므로, 실제 파일을 두 포맷으로 내보내 비교하는 수밖에 없습니다. 색 보정이나 품질 슬라이더 값 권장도 다루지 않습니다. 특정 플랫폼에 올린다면 그 플랫폼이 허용하는 포맷을 공식 문서에서 먼저 확인하세요.

자주 묻는 질문

AVIF가 1우선으로 나왔는데 AVIF 하나만 올려도 되나요?

지원하지 않는 브라우저에서는 이미지가 아예 보이지 않습니다. 그래서 폴백 포맷을 함께 알려주고 마크업도 picture 요소로 내어 줍니다.

어떤 포맷이 용량을 몇 퍼센트 줄여주는지는 왜 안 알려주나요?

같은 포맷도 이미지 내용·해상도·인코더 설정에 따라 결과가 몇 배까지 달라져, 고정된 절감률은 근거가 없기 때문입니다. 직접 두 포맷으로 내보내 재세요.

로고는 무조건 SVG가 정답인가요?

벡터 원본이 있을 때만 그렇습니다. 이미 픽셀로 만들어진 로고라면 SVG로 바꿔도 원본이 정밀해지지 않으니 평면 그래픽으로 고르세요.

🗜️웹용 이미지 포맷 선택 가이드

추천 근거

폴백까지 한 번에 내는 마크업

관련된 도구

이미지 압축 품질 가이드

파비콘 멀티사이즈 규격 가이드

웹용 이미지 포맷 선택 가이드 사용법

자주 묻는 질문

추천 근거

폴백까지 한 번에 내는 마크업

관련된 도구

이미지 압축 품질 가이드

파비콘 멀티사이즈 규격 가이드

웹용 이미지 포맷 선택 가이드 사용법

자주 묻는 질문

같은 카테고리 도구