PNG 용량이 8 MB나 되는 이유와 이를 해결하는 3가지 방법
PNG는 무손실 포맷이기 때문에 파일 크기가 매우 큽니다. 세 가지 해결 방법과 각 방법의 장단점을 알아보세요.
PNG 파일이 8 MB나 되는 이유는 PNG가 모든 픽셀을 정확하게 저장하기 때문이며, 레티나 해상도의 전체 화면 스크린샷은 실제로 그만큼의 정보를 포함하고 있습니다. 이 포맷은 아무것도 버리지 않는데, 이것이 PNG의 장점이자 동시에 모든 문제의 원인입니다.
이를 해결하는 방법은 3가지가 있으며, 각 방법마다 감수해야 하는 부분이 다릅니다. 크기를 줄이면 아마 사용하지 않고 있었을 해상도를 잃게 됩니다. 색상 깊이를 줄이면 사진의 색상 정확도가 떨어집니다. 포맷을 변경하면 브라우저 외부에서의 호환성이 떨어집니다. 이미지를 어디에 사용할지에 따라 선택하세요.
3가지 선택지
- 이미지 크기 줄이기. 비용이 들지 않으며 보통 가장 효과가 큽니다. 아무도 5000픽셀짜리 스크린샷을 필요로 하지 않습니다.
- 색상 깊이 줄이기. 단순한 그래픽에는 잘 작동하지만, 사진에는 적합하지 않습니다.
- 포맷 변경하기. WebP는 투명도를 유지하면서도 보통 25~35% 더 작게 만들어집니다.
PNG 파일 크기가 빠르게 커지는 이유
PNG 파일 크기는 픽셀 수에 비례하여 늘어납니다. 모든 픽셀을 정확하게 설명해야 하기 때문입니다. 너비와 높이를 두 배로 늘리면 픽셀 수는 네 배가 되고 파일 크기도 대략 네 배가 됩니다.
고해상도 모니터에서 캡처한 5120 x 2880 스크린샷은 1470만 개의 픽셀을 포함합니다. 압축 전 픽셀당 3바이트로 계산하면 44 MB의 원시 데이터이며, PNG 압축은 이미지에 단색 영역이 얼마나 있는지에 따라 이를 보통 4 MB에서 12 MB 사이로 줄여줍니다. 따라서 8 MB라는 결과는 오류가 아니라 정상적인 크기입니다.
해결책 1: 이미지 크기 줄이기
이미지를 실제로 표시될 최대 크기로 조절하세요. 이렇게 하면 다른 조치를 취하기 전에 파일 용량의 대부분을 덜어낼 수 있습니다. 이는 가장 효과가 크고 비용이 적게 드는 해결책입니다.
| 원본 크기 | 조절된 크기 | 제거된 픽셀 | 일반적인 파일 크기 |
|---|---|---|---|
| 5120 x 2880 | 2560 x 1440 | 75% | 8 MB에서 2 MB로 |
| 3840 x 2160 | 1920 x 1080 | 75% | 5 MB에서 1.3 MB로 |
| 2560 x 1440 | 1280 x 720 | 75% | 2 MB에서 500 KB로 |
| 4000 x 3000 사진 | 1600 x 1200 | 84% | 18 MB에서 2.9 MB로 |
이미지가 페이지에 렌더링될 가장 넓은 가로폭을 측정하고, 고밀도 화면을 위해 그 값을 두 배로 늘린 다음, 그 결과값으로 크기를 조절하세요. 800픽셀 너비로 표시되는 스크린샷은 1600픽셀만 있으면 충분합니다.
해결책 2: 색상 깊이 줄이기
24비트 색상을 8비트 팔레트로 변환하면 PNG 용량을 50~70% 줄일 수 있으며, 이는 색상이 제한적인 이미지에만 효과가 있습니다. 인터페이스 스크린샷, 다이어그램, 로고, 차트 등이 이상적인 대상입니다.
이 기술은 전체 색상 값을 저장하는 대신 최대 256개의 색상 팔레트를 저장하고 픽셀당 이를 참조합니다. 사용자 인터페이스 스크린샷은 256개 이상의 고유한 색상을 포함하는 경우가 드물기 때문에 이러한 감소가 눈에 띄지 않습니다. 반면 사진은 수만 개의 색상을 포함하므로 동일하게 줄이면 하늘이나 피부에 눈에 띄는 색띠(밴딩 현상)가 발생합니다.
해결책 3: 포맷 변경하기
웹용인 경우 WebP로 변환하세요. 투명도를 유지하면서도 일반적으로 PNG보다 25~35% 더 작게 만들어집니다. 이미지가 사진이고 투명도가 필요 없는 경우에만 JPG로 변환하세요.
- 그래픽 및 스크린샷에는 WebP 무손실을 사용하여 모든 픽셀을 정확하게 유지하면서도 20~30%를 절약할 수 있습니다.
- 사진형 PNG 파일에는 WebP 손실을 사용하여 70% 이상의 용량을 절약할 수 있습니다.
- 투명도가 없는 사진에는 처음부터 PNG가 잘못된 선택이었으므로 JPG를 사용하세요.
- 대형 사진 이미지에는 100 KB가 넘는 파일에서 더 강력하게 압축되는 AVIF를 사용하세요.
- 로고 및 아이콘에는 SVG 파일이 다른 래스터 포맷의 아주 일부분의 용량만 차지하는 벡터 그래픽을 사용하세요.
가장 흔한 원인: 사진을 PNG로 저장한 경우
사진을 PNG로 저장하면 시각적인 차이 없이 동일한 JPEG 사진보다 3~5배 더 커집니다. 이 한 가지 실수가 용량이 초과된 PNG 파일의 대부분을 차지합니다.
PNG 압축은 반복되는 패턴을 찾는데, 사진은 모든 픽셀이 인접한 픽셀과 미세하게 다르기 때문에 픽셀 수준에서 반복이 거의 없습니다. 결국 이 포맷은 수백만 개의 거의 고유한 값들을 정확하게 저장하게 됩니다. 사진은 JPEG나 WebP로 저장하고, PNG는 단색 영역이나 투명도가 실제로 있는 이미지에만 사용하세요.
화질 저하 없이 PNG 용량을 줄이는 방법
화질을 무손실로 유지하면서 PNG를 줄이려면 다음 5단계를 순서대로 따르세요.
- 빈 여백도 파일 크기를 차지하므로 사용하지 않는 영역은 잘라냅니다.
- 이미지가 필요로 할 가장 큰 표시 크기로 조절하되, 고밀도 화면을 위해 두 배로 설정합니다.
- 배경이 불투명하게 합쳐진 이미지가 더 잘 압축되므로, 이미지에 실제로 투명도가 필요한지 확인합니다.
- 이미지가 사진이 아니라 그래픽인 경우 색상 팔레트를 줄입니다.
- 여전히 정확하면서도 일반적으로 20~30% 더 작은 WebP 무손실로 변환합니다.
보통 1단계와 2단계만으로도 문제가 해결됩니다. 나머지 단계는 문서의 전체 페이지 스크린샷과 같이 이미지를 매우 크게 유지해야 할 때 유용합니다.
최신 화면에서 스크린샷 용량이 매우 큰 이유
고밀도 디스플레이는 논리 해상도의 2배 또는 3배로 캡처하므로, 가로 1200픽셀 창의 스크린샷이 2400 또는 3600픽셀로 저장됩니다. 파일 크기가 화면에 보이던 창의 크기보다 훨씬 커집니다.
그 추가 해상도는 스크린샷을 다른 고밀도 화면에서 볼 때는 유용하지만, 그렇지 않으면 낭비됩니다. 문서 및 지원 문서의 경우, 크기를 다시 논리적 크기로 조절하면 가로세로 치수가 절반으로 줄어들고 파일 크기가 약 75% 감소하면서도 대부분의 독자에게는 동일하게 보입니다.
PNG를 큰 상태로 유지해야 하는 경우
이미지가 원본 파일이거나, 인쇄용 자산이거나, 나중에 편집할 소스인 경우에는 원본 크기의 PNG를 유지하세요. 압축 결정은 원본이 아닌 배포용 복사본에 적용되어야 합니다.
디자인 파일, 로고 원본, 인쇄용 아트워크, 스캔한 문서 등은 모두 그 크기를 정당화할 수 있습니다. 이러한 파일은 원본 해상도로 저장하고 각 목적지에 맞는 더 작은 복사본을 생성하세요. 실수는 원본을 보관하는 대신 그대로 게시하는 것입니다. 원본은 디스크 공간을 한 번만 차지하지만, 게시된 원본은 방문할 때마다 대역폭을 소모하기 때문입니다.
투명도 채널이 생각보다 많은 용량을 차지합니다
투명도 채널은 모든 픽셀에 네 번째 값을 추가하여 압축 전 원시 데이터를 약 33% 증가시킵니다. 많은 PNG 파일이 이 채널을 사용하지 않으면서도 가지고 있습니다.
스크린샷, 내보낸 차트, 흰색 배경으로 합쳐진 이미지는 모든 곳이 완전히 불투명한 알파 채널을 유지하는 경우가 많습니다. 이를 제거하면 시각적 손실 없이 파일 크기를 눈에 띄게 줄일 수 있습니다. 흰색 페이지에 배치되는 대부분의 이미지는 투명 배경이 필요하지 않으므로, 채널이 필요하다고 가정하기 전에 이미지에 실제로 투명 배경이 필요한지 확인하세요.
PNG를 압축하면 화질이 떨어지나요
무손실 PNG 최적화는 아무것도 잃지 않는 반면, 색상이나 크기를 줄이면 이미지가 영구적으로 변경됩니다. 이 3가지 기술은 자주 함께 설명되지만 서로 동일하지 않습니다.
무손실 최적화는 파일이 데이터를 저장하는 방식을 재구성하여 픽셀이 동일한 출력으로 보통 5~20%를 절약합니다. 팔레트 감소 및 크기 조절은 이미지 자체를 변경하므로, 배포용 복사본에는 허용되지만 원본에는 허용되지 않습니다. 축소 작업이 되돌릴 수 없는 경우라면 항상 원본을 보관하세요.
용량이 초과된 PNG 파일 폴더 전체를 한 번에 해결하기
용량이 초과된 PNG 파일은 보통 동일한 소스에서 무더기로 발생하므로 폴더를 한 번에 일괄 처리하세요. 문서 세트, 스크린샷 라이브러리 또는 디자인 도구에서 내보낸 파일들은 전체적으로 동일한 문제를 공유하는 경향이 있습니다.
최대 500개의 파일을 한 번에 넣거나 ZIP 압축 파일을 바로 끌어다 놓고, 전체 세트에 대해 크기와 포맷을 한 번만 설정하세요. 모든 작업은 자체 프로세서를 사용하여 브라우저 내부에서 실행되므로 내부 스크린샷, 제품 디자인, 고객 문서가 서버로 전송되지 않습니다. 아무것도 업로드되지 않으므로 읽어야 할 개인정보 처리방침도 없고 나중에 남는 것도 없습니다.
파일뿐만 아니라 문제의 원인도 해결하세요. PNG를 전체 레티나 해상도로 저장하도록 설정된 화면 캡처 도구는 계속해서 8 MB 파일을 만들어낼 것입니다. 대부분의 캡처 도구는 기본 포맷과 배율 설정을 허용하므로, 이 두 가지를 한 번만 변경하면 매번 지원 문서를 작성한 후 스크린샷을 다시 처리할 필요가 없어집니다.