한눈에 보는 형식 비교
| 형식 | 적합한 용도 | 장점 | 주의할 점 |
|---|---|---|---|
| JPG / JPEG | 사진 및 복잡한 이미지 | 폭넓은 호환성과 작은 파일 크기 | 손실 압축 및 투명도 미지원 |
| PNG | 로고, 스크린샷, UI 그래픽 | 무손실 품질 및 투명도 지원 | JPG 및 WebP보다 큰 파일 |
| WebP | 최신 웹사이트와 다양한 자산 | 많은 경우 PNG 및 JPG보다 작은 파일 | 오래된 워크플로와 앱에서는 지원이 원활하지 않을 수 있습니다 |
| SVG | 아이콘, 로고, 차트 | 단순 그래픽에서 무한 확장과 작은 파일 크기 | 사진에는 부적합 |
| GIF | 간단한 짧은 애니메이션 | 간편한 애니메이션 지원 | 낮은 압축 효율과 제한된 색상 |
최적 사용 사례
사진에는 JPG 사용
여행 사진, 제품 사진, 카메라 이미지는 보통 JPG 압축의 이점이 가장 큽니다.
선명한 UI 자산에는 PNG 사용
스크린샷, 로고, 앱 UI, 텍스트가 있는 이미지는 PNG에서 더 선명하게 유지되며, 특히 투명도가 필요할 때 좋습니다.
웹에는 WebP 사용
브라우저 호환성이 허용되는 경우, WebP는 품질과 파일 크기의 균형이 가장 뛰어난 경우가 많습니다.
벡터 아트에는 SVG 사용
아이콘, 브랜드 마크, 단순한 일러스트는 래스터 아티팩트 없이 깔끔하게 확대/축소됩니다.
빠른 의사 결정 워크플로
- 사진이라면 JPG 또는 WebP로 시작하세요.
- 투명도가 필요하면 PNG 또는 WebP를 사용하세요.
- 단순한 아이콘이나 로고라면 가능하면 SVG를 사용하세요.
- 파일이 너무 크면 크기를 변경하기 전에 먼저 압축하세요.
많은 실제 워크플로에서는 답이 하나의 형식으로 고정되지 않습니다. PNG 마스터를 유지하고, 사이트용 WebP를 내보내고, 공유용 JPG 사본을 생성할 수 있습니다.
적합한 도구와 함께 이 가이드를 사용하세요.
관련 도구