이 도구는 무엇인가요?
PNG는 무손실 포맷이라 낮출 "화질" 설정이 따로 없습니다. 그냥 다시 인코딩하는 것만으로는 별 효과가 없죠. 진짜 PNG 압축은 다른 방식으로 작동합니다. 팔레트 양자화는 이미지를 신중하게 선정된 색상 집합(최대 256색)으로 줄이는 방식입니다. 스크린샷, 로고, 인터페이스 그래픽은 애초에 그보다 많은 고유 색상을 쓰는 경우가 드물기 때문에, 육안으로는 똑같아 보이면서도 파일 용량은 50~70% 줄어듭니다. 투명도(알파 채널)는 완전히 유지됩니다.
이는 TinyPNG 같은 잘 알려진 서비스가 쓰는 것과 같은 기법입니다. 차이가 있다면 이 도구는 오픈소스 엔진을 통해 브라우저에서 직접 실행되므로 이미지가 기기 밖으로 나가지 않고, 하루 파일 개수 제한도 없습니다.
왜 사용해야 할까요?
- 가짜 재인코딩이 아닌 진짜 압축(평균 50~70% 절감).
- 투명도가 그대로 유지되어 로고, 아이콘, UI 에셋에도 안전합니다.
- TinyPNG류 서비스와 달리 업로드가 없어 파일 개수 제한도 없습니다.
- 16~256색 사이에서 색상 수를 조절할 수 있고, 이미지마다 절감율을 바로 확인할 수 있습니다.
- 여러 장 동시 처리, 무료, 워터마크 없음.
사용 방법
- PNG 파일을 박스 안에 놓으세요(압축 엔진은 한 번만 자동으로 로드됩니다).
- 육안상 차이가 없는 결과를 원한다면 256색을 유지하고, 용량을 더 줄이고 싶다면 색상 수를 낮추세요.
- 각 결과마다 정확한 절감량이 표시됩니다 — 다운로드를 클릭하세요.
- 사진 위주의 PNG가 충분히 줄어들지 않는다면 JPG로 변환해보세요(PNG to JPG 참고).
예시
입력
app-screenshot.png — 980 KB결과
app-screenshot-compressed.png — 290 KB (−70%), 256색스크린샷이나 UI 그래픽은 양자화가 특히 잘 먹힙니다. 실제로 쓰이는 색상을 팔레트가 충분히 다 담아내기 때문입니다.
직접 테스트해본 결과
출시 전 테스트에는 일부러 까다로운 이미지를 사용했습니다. 600×400 크기의 PNG에 서로 겹치는 반투명 색상 조각 200개를 채운, 일반적인 스크린샷보다 훨씬 지저분한 이미지였죠. 256색으로 양자화한 결과 31.1KB에서 7.8KB(−75%)로 줄었고 알파 채널도 그대로 유지됐습니다. 실제 UI 그래픽은 이 테스트보다 사용하는 색상 수가 적기 때문에 압축률이 더 좋습니다. 저희가 함께 확인한 솔직한 이면은, 사진 콘텐츠는 256색에서 눈에 띄는 밴딩이 나타난다는 점입니다. 그럴 때는 JPG/WebP 쪽을 택해야 하고, 그래서 바로 위 섹션에 변환기 링크를 함께 두었습니다.
이럴 때 이렇게 씁니다
- 버그 리포트나 문서에 첨부하기 전에 앱이나 웹사이트 스크린샷 용량을 줄일 때.
- 개발자에게 꼭 필요한 투명 배경을 유지하면서 웹사이트용 로고나 아이콘 세트를 압축할 때.
- 디자인 툴에서 내보낸 UI 목업을 팀과 공유하기 전에 파일 크기를 줄일 때.
- 스타일 가이드나 디자인 시스템 저장소에 올릴 인터페이스 그래픽 묶음의 용량을 줄일 때.
자주 묻는 질문
무손실 포맷을 어떻게 더 압축할 수 있나요?
약간의 손실을 영리하게 허용하는 방식입니다. 양자화는 이미지를 가장 잘 대표하는 약 256개의 색상을 골라 모든 픽셀을 그 색상들에 매핑합니다. 색상 범위가 제한적인 그래픽이라면 결과물은 시각적으로 동일하며, 기술적으로는 손실 압축이지만 실질적으로는 구별이 안 됩니다.
압축해도 투명도가 유지되나요?
네, 알파 채널이 그대로 유지되며 반투명 픽셀(드롭 섀도, 안티앨리어싱된 가장자리)도 보존됩니다. 로고나 UI 에셋에 꼭 필요한 부분입니다.
PNG 압축이 잘 안 되는 경우는 언제인가요?
사진이나 부드러운 그라데이션에는 효과가 떨어집니다. 이런 이미지는 수천 가지 색상을 쓰기 때문에 256색으로는 밴딩 현상이 나타날 수 있습니다. 사진 콘텐츠는 JPG나 WebP로 변환하는 편이 훨씬 더 큰 용량 절감 효과가 있고, 그럴 때 쓰라고 저희 PNG to JPG 변환기가 있습니다.
TinyPNG와 뭐가 다른가요?
기본 기법(팔레트 양자화)은 같고 절감율도 비슷합니다. 실질적인 차이는 이렇습니다. 이 도구는 파일이 업로드되지 않고, 20개 파일 제한도, 5MB 용량 제한도, 유료 요금제도 없습니다. 서버가 작업을 처리하지 않기 때문입니다.
색상 수는 몇으로 설정해야 하나요?
256색부터 시작하세요 — 대부분의 그래픽에서 시각적으로 원본과 동일합니다. 아이콘이나 단순한 UI 요소라면 64색이나 32색까지 낮춰 용량을 더 줄이되, 미리보기 썸네일에서 밴딩이 생기지 않는지 확인하세요.