PNG 압축

PNG는 픽셀을 하나도 버리지 않고 저장하고, 형식 자체의 압축은 반복되는 패턴을 묶어 주는 정도입니다. 그래서 실제로 용량을 줄이려면 먼저 색 수를 줄여야 합니다. 품질 슬라이더는 남길 색의 개수를 정합니다. 품질 100이면 최대 4,096색, 기본값 80이면 약 3,300색입니다. 캡처 화면, 로고, 도표는 쓰는 색이 이보다 훨씬 적은 경우가 많아서 눈으로는 거의 차이가 없는데 파일은 확실히 작아집니다. 그래도 목표 용량을 넘으면 색 수를 더 낮추고 가로세로 크기도 조금 줄여 다시 시도합니다.

결과물은 PNG지만 색을 줄이는 단계가 있으니 엄밀히 말해 손실 압축입니다. 하늘이나 그라데이션처럼 색이 매끄럽게 변하는 부분은 낮은 품질에서 띠가 생길 수 있고, 기본값에서는 알아보기 어렵습니다.

테스트 파일은 1200 × 800 사진을 PNG로 저장한 1,601,750바이트짜리였습니다. 기본 설정 그대로 PNG로 저장하면 1,032,234바이트로 36% 줄었습니다. 출력 형식을 JPG로 바꾸면 125,186바이트, WebP로 바꾸면 91,364바이트로 둘 다 원본의 10분의 1 아래였습니다. 2400 × 1600, 4,348,538바이트짜리 PNG 사진은 PNG로 945,151바이트가 됐는데, 기본값이 긴 변을 1920픽셀로 제한한 영향이 큽니다.

스크린샷, UI 이미지, 로고, 글자가 또렷해야 하는 이미지에는 PNG가 맞습니다. 사진을 PNG로 줄이는 건 한계가 분명합니다. 용량이 중요하면 PNG 설정을 만지기보다 WebP나 JPG로 바꾸는 쪽이 훨씬 많이 줄어듭니다.

투명 배경 로고나 아이콘은 PNG로 두거나 WebP로 바꾸면 투명 영역이 그대로 남습니다. JPG는 투명을 지원하지 않아서 투명했던 부분이 흰색으로 채워지고, 투명 로고가 흰 사각형 안의 로고가 됩니다. 흰 배경 페이지에 올릴 게 아니라면 JPG는 피하세요. 웹사이트에 올리는 아이콘과 로고는 투명을 유지한 WebP가 PNG보다 작은 경우가 많고, 지금 쓰는 주요 브라우저는 모두 표시합니다.

블로그, 노션, PPT에 넣을 스크린샷은 색이 적고 단색 면이 넓어서 PNG 압축 효과가 큰 편입니다. 반대로 사진을 캡처한 이미지는 색이 많아 PNG로는 크게 줄지 않으니 JPG나 WebP를 고르세요.

원본 크기를 지키려면 고급 옵션에서 「원본 해상도 유지」를 켜세요. 켜지 않으면 긴 변이 1920픽셀을 넘는 이미지는 축소됩니다. 압축한 결과가 원본보다 작지 않으면 원본을 그대로 돌려줍니다.

PNG를 읽고, 색을 줄이고, 다시 저장하는 과정이 모두 지금 열어 둔 브라우저 탭 안에서 일어납니다. 스크린샷에는 메신저 대화, 계좌번호, 공개 전 시안이 찍혀 있기 마련인데, 이런 내용이 서버로 전송되지 않습니다. 한 번에 최대 10개, 파일당 50MB까지 넣을 수 있고, 더 많은 파일은 일괄 압축 페이지에서 한 번에 50개까지 처리됩니다.