용도에 맞는 이미지 형식 고르기
게시일 · 업데이트 읽는 데 1분
JPG, PNG, WebP, AVIF는 같은 이미지에 맞는 형식이 아닙니다. 어떤 것을 고를지는 이미지에 무엇이 담겼는지에 달렸습니다. 사진인지, 글자가 있는 스크린샷인지, 투명한 배경의 로고인지.
참고 자료가 말하는 것
MDN 문서에 따르면 JPEG는 사진에 알맞고 선명한 도안에는 맞지 않습니다. PNG는 모든 픽셀을 정확하게 유지하며 스크린샷, 도표, 로고에 알맞습니다. WebP는 둘보다 더 잘 압축하고 투명을 지원합니다. AVIF는 훨씬 더 잘 압축하며 투명도 지원합니다.
같은 이미지를 네 가지 형식으로
테스트에는 직접 만든 이미지 세 장을 썼습니다. 사진에 가까운 2,400 × 1,600픽셀의 장면, 1,400 × 900픽셀의 스크린샷, 900 × 900픽셀의 투명한 로고이며, 셋 모두 처음에는 PNG입니다.
| 이미지 | 원본 PNG | JPG | WebP |
|---|---|---|---|
| 사진 | 2,36 MB | 1,08 MB | 1,02 MB |
| 스크린샷 | 67 KB | 115 KB | 49 KB |
| 투명한 로고 | 9 KB | 35 KB(흰 배경) | 14 KB(투명 유지) |
여기서 얻을 것
사진은 JPG와 WebP로 크기가 절반 넘게 줄어듭니다. 스크린샷이나 로고는 JPG가 원본 PNG보다 무거워지며, 참고 자료도 가장자리가 선명한 이미지에는 권하지 않습니다. PNG나 WebP가 더 알맞습니다. PNG를 다시 PNG로 변환해도 가벼워지지 않습니다. 사진은 2.36 MB에서 3.28 MB가 되었습니다.
AVIF
AVIF 내보내기는 브라우저에 따라 달라집니다. 사용할 수 없을 때 도구는 그렇게 알리고 파일을 만들지 않습니다.
확인하기
- 얻은 크기를 원본 크기와 비교합니다.
- 확대해서 글자 가장자리와 그라데이션을 봅니다.
- 원본 이미지는 보관합니다.
어떤 형식이 어디서나 읽히는지는 어디서나 통하는 이미지 형식은 무엇인가를 참고하십시오.