클릭하여 업로드하거나 이미지를 여기에 드롭하세요
JPG, PNG 또는 WebP — 브라우저에서 압축이미지 압축기 소개
이 무료 이미지 압축기는 JPG, PNG, WebP의 파일 크기를 줄여 줍니다. 품질 슬라이더를 움직이면 새 크기가 즉시 나타나므로, 마음에 들 때 내려받으시면 됩니다.
모든 처리는 브라우저 안에서 이루어지며, 이미지는 서버로 절대 업로드되지 않습니다.
손실 압축이 실제로 하는 일
슬라이더가 무엇을 버리는지 알아 두면 어디에서 티가 나는지 알 수 있습니다.
압축은 사람의 눈이 측정 도구가 아니라는 점을 이용합니다. 눈은 윤곽과 밝기를 아주 잘 보지만, 미세한 색의 차이를 보는 데는 상대적으로 약합니다. 그래서 손실 인코더는 눈에 띄는 정보를 남기고 눈에 띄지 않는 정보를 버립니다.
주요 방법 두 가지는 다음과 같습니다.
색은 밝기보다 낮은 해상도로 저장됩니다. 크로마 서브샘플링은 밝고 어두운 채널의 정보를 그대로 두고 색 정보를 절반으로 줄입니다. 다른 어떤 처리를 하기도 전에 3분의 1이 절약되며, 사진에서는 거의 보이지 않습니다.
미세한 디테일은 반올림됩니다. 이미지는 블록으로 나뉘고, 각 블록은 넓은 형태부터 미세한 질감까지 패턴의 조합으로 표현됩니다. 미세 질감 계수는 크게 반올림되어 상당수가 0이 됩니다. 품질 슬라이더는 결국 그 반올림의 세기를 정하는 것입니다.
이 때문에 열화가 가장 먼저 나타나는 곳이 정해집니다. 바로 부드러운 그러데이션과 선명한 윤곽입니다. 맑은 하늘에는 희미한 띠나 얼룩이 생기고 글자 주위에는 회색 안개가 끼는데, 풀밭이나 자갈처럼 복잡한 부분이 조금이라도 상하기 훨씬 전에 그렇게 됩니다.
품질 설정 고르기
- 90~100 — 대부분의 사진에서 원본 대비 절약이 거의 없습니다. 나중에 편집하거나 확대할 이미지에만 쓰십시오.
- 80~85 — 가장 알맞은 지점입니다. 절약 효과가 크고, 일반적인 표시 크기에서는 변화가 보이지 않습니다. 여기서 시작하십시오.
- 70~80 — 썸네일, 배경 이미지, 페이지 안의 작은 이미지에는 여전히 좋습니다.
- 50~70 — 사진에서, 특히 하늘에서 보입니다. 많이 흐린 배경이라면 괜찮습니다.
- 50 미만 — 확연히 나빠집니다. 그럴 만한 가치가 있는 경우는 드뭅니다.
결과는 실제로 표시될 크기에서 판단하십시오. 400 %로 확대해 보는 것이 아닙니다. 보통 크기에서 보이지 않는 열화도 크게 확대하면 눈에 띄지만, 아무도 400 %로 페이지를 보지는 않습니다.
먼저 크기를 줄이십시오 — 효과가 더 큽니다
가장 흔한 실수는 큰 이미지를 작게 만들지 않고 그대로 압축하는 것입니다.
파일 크기는 픽셀 수를 따르고, 픽셀 수는 면적을 따릅니다. 4000 × 3000 사진은 1200만 픽셀입니다. 1200 × 900으로 줄이면 약 100만 픽셀, 즉 92 % 감소입니다. 어떤 품질 슬라이더도 이미지를 망가뜨리지 않고 이런 효과를 낼 수는 없습니다.
따라서 효과적인 순서는 이렇습니다.
- 실제로 표시될 가장 큰 크기로 크기를 줄입니다
- 그다음 품질 80~85로 압축합니다
- 그래도 무거우면 WebP를 고려합니다
4 MB 사진을 이 단계로 처리하면 보통 150 KB 아래로 내려가면서 페이지에서는 똑같아 보입니다. 첫 단계에는 이미지 크기 조절기를 사용하십시오.
PNG가 다르게 동작하는 이유
PNG는 무손실입니다. JPG처럼 정보를 버릴 수 없으므로 통상적인 의미의 품질 슬라이더가 없습니다.
PNG를 압축한다는 것은 저장하는 색의 수를 줄인다는 뜻입니다. 256색 팔레트의 PNG는 1600만 색의 PNG보다 훨씬 작으며, 로고나 아이콘, 단색 위주의 일러스트에서는 원래 몇 가지 색만 쓰기 때문에 차이가 보이지 않는 경우가 많습니다.
사진에서는 확연히 드러납니다. 사진을 256색으로 줄이면 눈에 보이는 띠와 반점이 생깁니다. 이는 도구가 유용한 사실을 알려 주는 것입니다. 즉, 사진은 애초에 PNG여서는 안 됩니다. JPG나 WebP로 변환하면 훨씬 작으면서 더 보기 좋은 파일을 얻게 됩니다.
원칙은 이렇습니다. 로고, 스크린숏, 도표, 투명도에는 PNG. 사진에는 JPG나 WebP.
파일이 작아지지 않고 커질 때
그런 일이 있으며, 오류가 아닙니다.
이미지가 이미 강하게 압축되어 있었습니다. 이미 강한 압축을 거친 이미지를 다시 인코딩해도 도움이 되지 않고, 새 인코더의 부가 정보 때문에 오히려 커질 수 있습니다.
사진이 PNG로 저장되어 있었습니다. 다시 PNG로 압축하면 무손실 상태로 크기도 그대로 큽니다. 형식을 바꾸십시오.
이미지가 아주 작습니다. 몇 킬로바이트 아래에서는 형식 헤더가 대부분을 차지해 더 짜낼 것이 없습니다.
품질이 아주 높게 설정되어 있습니다. 95 이상에서는 원본이 가지고 있던 것보다 높은 충실도를 요구하는 셈일 수 있습니다.
결과가 더 크다면 원본을 그대로 두십시오. 도구가 두 크기를 모두 보여 주므로 판단할 수 있습니다.
사용 방법
- 이미지 올리기 — 업로드 영역을 클릭하거나 JPG, PNG, WebP를 끌어다 놓으십시오
- 품질 조절 — 품질이 낮을수록 파일이 작아집니다. 크기가 바뀌는 것을 확인하십시오
- 형식 선택(선택 사항) — 원본을 유지하거나, 더 줄이려면 JPG/WebP로 변환하십시오
- 내려받기 — 압축된 이미지를 저장하십시오
알아 두면 좋은 점
- 원본을 보관하십시오. 압축은 되돌릴 수 없으며, 버려진 디테일은 복구할 수 없습니다.
- 이미 압축된 사본을 다시 압축하지 마십시오. 매번 원본에서 시작하십시오. 반복할수록 손상이 쌓입니다.
- WebP는 보통 JPG보다 같은 체감 품질에서 25~35 % 작으며, 현재의 모든 브라우저가 지원합니다.
- 디테일이 아니라 그러데이션을 확인하십시오. 하늘, 스튜디오 배경, 피부 톤에서 열화가 가장 먼저 보입니다.
- 이미지 안의 글자는 크게 손상됩니다. 글자가 있는 스크린숏에는 PNG나 높은 품질 설정을 쓰십시오.
- EXIF 데이터는 대개 제거됩니다. GPS 좌표도 포함되므로 개인정보 보호에는 좋지만, 카메라 정보를 남기고 싶다면 알아 두셔야 합니다.
- 이미지가 많으신가요? 손으로 반복하지 말고 일괄 이미지 크기 조절기를 사용하십시오.
자주 묻는 질문
화질을 잃지 않고 얼마나 압축할 수 있나요?
JPG와 WebP에서는 어느 정도의 손실을 피할 수 없지만, 품질 80~85에서는 일반적인 표시 크기에서 보이지 않으며, 압축하지 않은 원본 대비 보통 60~80 %를 절약합니다. 확대해 보지 말고 실제로 표시될 크기에서 결과를 판단하십시오. 페이지에서는 보이지 않는 열화도 400 %에서는 분명히 보이기 때문입니다.
압축했는데 왜 이미지가 더 커졌나요?
대개는 이미 강하게 압축되어 제거할 것이 남아 있지 않은 상태에서 새 인코더의 부가 정보가 더해졌기 때문입니다. 형식 헤더가 대부분을 차지하는 아주 작은 이미지나, 무손실 상태로 크게 남는 PNG로 저장된 사진에서도 일어납니다. 도구가 두 크기를 모두 보여 주므로 더 작은 쪽을 그대로 쓰시면 됩니다.
크기를 줄여야 하나요, 압축해야 하나요?
먼저 크기를 줄이고 그다음에 압축하십시오. 크기 조절이 훨씬 효과가 큽니다. 파일 크기는 픽셀 면적을 따르므로 가로와 세로를 모두 절반으로 줄이면 픽셀의 4분의 3이 사라집니다. 4000 픽셀 사진을 1200으로 줄인 뒤 품질 82로 압축하면 보통 수 메가바이트에서 150 KB보다 훨씬 아래로 떨어지지만 페이지에서는 똑같아 보입니다.
PNG 압축은 왜 그만큼 잘 되지 않나요?
PNG는 무손실이라 디테일을 버릴 수 없기 때문입니다. PNG를 압축하면 저장하는 색의 수가 줄어드는데, 로고와 아이콘, 단색 위주 일러스트에서는 아주 잘 통하지만 사진에서는 눈에 보이는 띠가 생깁니다. PNG가 사진이라면 진짜 해결책은 더 압축하는 것이 아니라 JPG나 WebP로 변환하는 것입니다.
어떤 형식이 가장 작은 파일을 만드나요?
사진이라면 WebP입니다. 같은 시각적 품질에서 JPG보다 보통 25~35 % 작고, 현재의 모든 브라우저가 지원합니다. AVIF는 더 작지만 인코딩이 느립니다. 로고, 도표, 투명도나 글자가 있는 것에는 무손실 WebP나 PNG를 쓰십시오. JPG는 오래된 소프트웨어와 업로드 양식과의 호환성 면에서 여전히 가장 안전한 선택입니다.
압축하면 사진의 위치 정보가 지워지나요?
대개는 그렇습니다. 다시 인코딩하면 GPS 좌표, 카메라 모델, 촬영 시각을 포함한 EXIF 메타데이터가 보통 사라집니다. 사진을 공유할 때 개인정보 보호에는 편리하고, 그 정보를 남기고 싶었다면 불편한 점입니다. 공유하기 전에 이미지가 무엇을 담고 있는지 확인하려면 이미지 메타데이터 뷰어를 사용하십시오.
제 이미지가 서버로 업로드되나요?
아니요. 브라우저가 이미지를 디코딩하고, 선택하신 품질로 다시 인코딩한 뒤 결과를 돌려줍니다. 모두 사용자의 기기에서 이루어집니다. 아무것도 전송되거나 저장되지 않으며, 인터넷 연결을 꺼 두어도 동작합니다.
관련 도구
- 이미지 크기 조절기 — 이것을 먼저 하십시오. 압축만 할 때보다 훨씬 많이 절약됩니다
- 지정 크기로 이미지 압축 — 정확한 파일 크기 목표에 맞추기
- 일괄 이미지 크기 조절기 — 폴더 전체를 한 번에 처리하기
- 이미지 메타데이터 뷰어 — 사진이 어떤 정보를 담고 있는지 보기