JPG는 사진용입니다
JPG는 눈이 알아채기 어려운 정보를 버리는 방식으로 압축합니다. 사진이 JPG에서 작아지는 이유이고, 동시에 경계가 뚜렷한 이미지를 망치는 이유이기도 합니다. 글자, 스크린샷, 선으로 그린 그림은 경계 주변이 번지고 지저분해집니다.
JPG는 투명도도 아예 저장하지 못합니다. JPG로 저장하는 순간 투명한 배경은 단색으로 바뀝니다 — 이 사이트에서는 흰색입니다.
PNG는 경계가 선명한 것에 씁니다
PNG는 무손실입니다. 저장한 것이 원본 그대로입니다. 스크린샷, 로고, 도표, 글자가 들어간 이미지가 선명하게 유지되고 투명도도 보존됩니다.
대가는 용량입니다. 사진을 PNG로 저장하면 같은 사진의 JPG보다 보통 몇 배 커지는데, 눈에 보이는 이득은 없습니다.
WebP는 둘 다 되고 대체로 더 작습니다
WebP에는 JPG와 겨루는 손실 모드와 PNG와 겨루는 무손실 모드가 있고, 두 모드 모두 투명도를 지원합니다. 같은 화질이면 셋 중 가장 작은 경우가 일반적입니다.
브라우저 지원은 이제 충분히 넓습니다. 남은 걸림돌은 브라우저 밖입니다 — 일부 데스크톱 프로그램, 오래된 사진 앱, 몇몇 업로드 양식이 아직 WebP를 받지 않습니다. WebP를 다시 JPG나 PNG로 되돌리는 이유는 대개 이것입니다.
형식을 바꿔도 화질은 돌아오지 않습니다
가장 기억할 만한 대목입니다. 손실 압축이 버린 정보는 사라진 것입니다. JPG를 PNG로 바꾸면 이미 상한 이미지의 무손실 사본이 됩니다 — 용량만 커지고 더 선명해지지 않습니다.
손실 형식으로 다시 저장할 때마다 이미지는 또 상합니다. 여러 번 변환해야 한다면 변환한 파일을 또 변환하지 말고, 원본을 남겨 두고 매번 원본에서 변환하세요.
화질 설정은 얼마로 두어야 하나
손실 형식에는 보통 0에서 100까지의 화질 슬라이더가 있습니다. 무엇의 백분율도 아니고, 정보를 얼마나 과감하게 버릴지를 고르는 값입니다. 실제로 쓸 만한 구간은 눈금이 시사하는 것보다 좁습니다.
사진은 80 부근이 무난합니다. 대략 60 아래로 내려가면 피부나 하늘처럼 부드러운 면에 네모난 얼룩이 눈에 띄기 시작합니다. 90을 넘기면 용량은 빠르게 커지는데 화면에서 구분하기 어려운 차이만 남습니다.
숫자보다 실제 이미지를 보고 판단하세요. 넓은 단색 면이나 그러데이션이 있는 사진은 복잡하고 질감이 많은 사진보다 훨씬 일찍 얼룩이 보입니다. 모든 사진에 같은 설정이 맞지 않는 이유입니다.
짧게 정리하면
- 사진이고 용량이 중요하다: JPG, 받아주는 곳이면 WebP
- 스크린샷·로고·도표 등 글자나 선이 있다: PNG, 또는 무손실 WebP
- 투명 배경이 필요하다: PNG 또는 WebP — JPG는 안 됩니다
- WebP를 못 여는 프로그램이 있다: 화질을 지키려면 PNG, 용량을 지키려면 JPG