PNG와 JPG — 어떤 걸 쓸까?

먼저 이렇게 판단

사진·인물·여행·카메라 같은 느낌 → JPG(내 사이트면 WebP도 가능).

로고·아이콘·UI 스크린샷·투명이 필요한 오버레이 → PNG(또는 알파 있는 WebP).

제출처가 JPG인데 파일에 투명이 있음 → 먼저 배경색을 채운 뒤 변환. PNG→JPG를 그대로 맡기면 채움이 기대와 다를 수 있습니다.

PNG가 맞는 때

PNG는 흔한 용도에서 무손실에 가깝습니다. 단색·딱딱한 윤곽·글자에 잘 맞습니다. 설정 화면 스크린샷도 확대해도 읽기 쉽습니다.

스티커·워터마크·사진 위 로고에는 투명(알파)이 필수입니다. JPG에는 「비치는」 정보를 넣을 곳이 없습니다.

대가는 사진 용량입니다. 석양 해변을 PNG로 저장하면 비슷한 JPG보다 몇 배 커지는 일이 흔합니다.

JPG가 맞는 때

손실 압축은 사진처럼 부드러운 톤에 맞춰져 있습니다. 메일·SNS·인화 키오스크·수많은 업로드 양식이 JPEG를 전제로 합니다.

투명이 없습니다. 배경을 정하지 않고 투명을 펼치면 반투명 가장자리가 탁한 회색·검정이 됩니다. 파일 버그가 아니라 형식 한계입니다.

나중에 여러 번 편집할 디자인 보관용으로도 JPG는 약합니다. 왔다 갔다 할 거면 PNG·TIFF·디자인 앱 원본을 남기세요.

투명 PNG→JPG: 내보내기 전에 채우기

JPEG에는 투명이 없습니다. 투명 부분은 모두 불투명 색이 됩니다. 문서면 흰색, 슬라이드 위 밝은 로고면 진회색·브랜드 남색이 흔합니다.

투명 PNG→JPG에서 채움 색을 직접 고르고, 자동 변환에만 맡기지 않는 편이 안전합니다.

내보낸 뒤 가장자리가 회색이면 PNG쪽에 소프트 섀도·안티앨리어싱 번짐이 남아 있었을 수 있습니다. 디자인 앱에서 더 플랫하게 내보내거나 자르기를 타이트하게 하는 편이 빠를 때도 있습니다.

WebP의 자리(PNG/JPG를 대체한다는 말이 아님)

내가 관리하는 사이트에서는 WebP가 「가벼운 사진」과 「투명 아이콘」을 한 형식으로 자주 커버합니다. 자세한 내용은 WebP vs AVIF vs JPG를 보세요.

PNG 압축은 WebP를 권합니다. 브라우저에서 PNG를 다시 저장해도 용량이 잘 안 줄고, 형식을 바꾸는 편이 효과적인 경우가 많기 때문입니다.