JPG, PNG, WebP: 어떤 이미지 형식을 써야 할까요?

짧은 답

• 사진: JPG — 또는 대상이 받아 준다는 것을 안다면 WebP.
• 스크린샷, 로고, 텍스트, 도표: PNG — 또는 WebP.
• 투명한 배경이 있는 모든 것: PNG 또는 WebP. JPG는 절대 안 됩니다.
• 웹사이트: WebP, 안전한 대체 수단으로 JPG.

나란히 비교

JPG: 사진을 위한 보편적인 형식

JPG는 없어도 아쉽지 않을 디테일을 버리며, 그래서 사진이 그토록 잘 줄어듭니다. 약점은 날카로운 가장자리 — 텍스트와 선 그림에 흐릿한 노이즈가 생깁니다 — 그리고 투명도를 저장하지 못한다는 점입니다. 거의 어디서나 받아 주기 때문에, 양식에 그냥 “이미지”라고만 적혀 있을 때의 기본 답입니다.

PNG: 정확한 픽셀, 큰 파일

PNG는 모든 픽셀을 정확히 저장하므로 가장자리가 칼날처럼 선명하게 유지되고 투명도도 작동합니다. 스크린샷, 로고, 도표에 이상적입니다. 사진에는 잘못된 도구입니다. 같은 이미지가 눈에 보이는 이점 없이 JPG 버전보다 몇 배 무거울 수 있습니다.

WebP: 같은 화질에 더 작게

WebP는 앞의 둘을 대체하기 위해 Google이 만들었습니다. 손실·무손실 압축과 투명도를 지원하며, 파일은 동등한 JPG보다 보통 25–35% 작습니다. 오늘날의 모든 주요 브라우저가 표시할 수 있습니다. 단점은 브라우저 밖에서의 호환성입니다. 일부 오래된 프로그램, 업로드 양식, 마켓플레이스는 여전히 JPG나 PNG만 받습니다.

변환하면 어떻게 되나

• PNG에서 JPG로: 투명한 영역이 단색 배경(CrispPic에서는 흰색)이 되고, 파일은 보통 훨씬 작아집니다.
• JPG에서 PNG로: 나아지는 것 없이 파일만 커지며, JPEG 노이즈는 영원히 남습니다.
• JPG에서 WebP로: 비슷한 화질에서 보통 더 작아집니다. 손실 단계가 하나 더 늘어나는 것이므로, 가능하면 원본에서 변환하세요.
• HEIC에서 JPG로: HEIC 가이드를 참고하세요.

AVIF에 대한 참고

AVIF는 용량에서 WebP를 앞설 수 있는 더 새로운 형식입니다. CrispPic은 AVIF 이미지를 입력으로 받지만 내보내는 것은 JPG, PNG, WebP입니다. 거의 어디서나 작동하는 형식이기 때문입니다.

실용적인 기준

이미지가 부드러운 사진 톤이라면 JPG나 WebP를 쓰세요. 단색, 선명한 텍스트, 투명도가 있다면 PNG나 WebP를 쓰세요. 그리고 양식이 형식을 지정한다면, 이론이 무엇이라 하든 정확히 그것을 쓰세요.

자주 묻는 질문