cheat sheet
이미지 포맷 치트 시트 — JPG vs PNG vs WebP vs AVIF
각 포맷을 사용해야 하는 경우, 파일 크기 비교 및 빠른 결정 트리
잘못된 이미지 포맷을 선택하는 것은 사이트 속도에 가장 저렴한 실수입니다. AVIF는 동일한 가시적 품질에서 JPG보다 50% 더 작을 수 있습니다. 하지만 항상 전환하는 것이 유리한 것은 아닙니다. 여기 결정 트리가 있습니다.
10초 규칙
- 사진, 투명도 없음 → WebP (또는 대상 사용자가 최신 브라우저만 사용하는 경우 AVIF).
- 사진, 모든 곳에서 작동해야 함 → JPG.
- 로고, 스크린샷 또는 아이콘 → PNG (또는 동일한 무손실 품질로 더 작은 파일을 원하면 WebP).
- 애니메이션 → WebP (GIF 대체, 30-50% 더 작음).
- 벡터 아트 (로고, 아이콘) → SVG (이 목록에 없음 — 가능하면 SVG 사용).
전체 비교
| 포맷 | 최적 용도 | 손실 압축? | 투명도 | 애니메이션 | 브라우저 지원 |
|---|---|---|---|---|---|
| JPG | 사진, 알파 채널 없음 | 예 | 아니요 | 아니요 | 100% |
| PNG | 선명한 그래픽 | 아니요 | 예 | 아니요 | 100% |
| WebP | 사진 + 그래픽 | 둘 다 | 예 | 예 | 97% (2026년) |
| AVIF | 최고 압축률 | 둘 다 | 예 | 예 | 92% (2026년) |
실제 파일 크기 비교
동일한 1920×1080 사진, 동일한 가시적 품질:
- JPG (품질 80) — 340 KB
- WebP (품질 80) — 210 KB (38% 더 작음)
- AVIF (품질 60) — 165 KB (51% 더 작음)
- PNG (무손실) — 2.4 MB (7배 더 큼 — 사진에는 절대 사용하지 마세요)
무료 도구로 이미지 변환:
전체 이미지 라이브러리를 ZIP으로 압축하려면 일괄 처리 모드를 사용하여 수백 개의 이미지를 한 번에 변환하세요.
무료 도구 사용해보기
대부분의 가이드는 지금 바로 사용할 수 있는 실용적인 도구와 함께 제공됩니다. 첫 실행 시 회원가입이 필요 없습니다:
- 이미지 리사이저 — 픽셀 단위 다운스케일 + 업스케일.
- WebP로 변환 — JPG보다 30-50% 더 작은 파일.
- 배경 제거 — 원클릭 컷아웃, 투명 PNG.
- 파비콘 생성기 — 하나의 소스에서 모든 브라우저 크기.
- 소셜 미디어 리사이저 — 모든 플랫폼의 정확한 치수.
- 일괄 처리 — 최대 200개의 이미지에 한 번에 도구 적용.
전체 도구 카탈로그를 살펴보세요.
