완벽 가이드
이미지 포맷
PNG, JPG, WebP, SVG, AVIF에 대해 알아야 할 모든 것. 포맷별 차이와 쓰임새, 무료 온라인 변환 방법까지 정리했습니다.
5개 포맷 정리
11개의 심화 글
4개 무료 도구
주요 이미지 포맷
한눈에 비교
| 포맷 | 투명 배경 | 압축 | 벡터 | 주요 용도 |
|---|---|---|---|---|
| PNG | ✓ 지원 | 가벼움 (무손실) | ✗ 미지원 | 로고, 스크린샷, 아이콘 |
| JPG | ✗ 미지원 | 높음 (손실) | ✗ 미지원 | 사진, 배너, 썸네일 |
| WebP | ✓ 지원 | 높음 (손실/무손실) | ✗ 미지원 | 웹 전반, PNG와 JPG 대체 |
| SVG | ✓ 지원 | 매우 우수 (텍스트) | ✓ 지원 | 로고, 아이콘, 일러스트 |
| AVIF | ✓ 지원 | 최고 수준 | ✗ 미지원 | 고성능 웹 |
관련 도구
포맷 비교
포맷별 가이드
이미지 포맷에 대해 자주 묻는 질문
제 웹사이트에는 어떤 이미지 포맷을 써야 하나요?
사진에는 WebP를 쓰세요. JPG보다 압축 효율이 좋습니다. 배경이 투명한 로고나 아이콘에는 SVG 또는 PNG가 알맞습니다. WebP는 눈에 띄는 화질 저하 없이 파일 크기를 줄여 주기 때문에, 지금 웹에서 두루 쓰기에 가장 적합한 포맷입니다.
인쇄할 때는 PNG와 JPG 중 어느 쪽이 나은가요?
인쇄용이라면 PNG가 낫습니다. 손실 압축을 쓰지 않아 이미지의 디테일이 그대로 남기 때문입니다. JPG는 이미지를 압축하기 때문에 고품질 인쇄물에서는 압축 흔적이 눈에 띌 수 있습니다.
PNG를 WebP로 무료로 변환하려면 어떻게 하나요?
ImageTools의 이미지 변환기를 사용하세요. PNG 파일을 올리고 출력 포맷으로 WebP를 고른 다음 변환 버튼을 누르면 됩니다. 모든 처리는 브라우저 안에서 이루어지므로 파일이 서버로 전송되지 않습니다.
SVG는 어디에서나 쓸 수 있나요?
최신 웹 브라우저와 대부분의 디자인 툴에서는 SVG가 문제없이 동작합니다. 다만 SNS는 프로필 사진이나 게시물 업로드에 SVG를 받지 않는 경우가 많으니, 그럴 때는 먼저 PNG로 내보내세요.