이미지 변환·압축 도구는 가지고 있는 사진이나 그림을 JPG·PNG·WebP 포맷으로 서로 바꾸고, 가로 폭을 줄여 리사이즈하고, 품질을 조절해 용량을 압축해 주는 도구입니다. 블로그·쇼핑몰에 올릴 이미지가 너무 무거울 때, 투명 배경 PNG를 가벼운 JPG로 바꾸고 싶을 때, 최신 WebP 포맷으로 웹페이지 로딩 속도를 높이고 싶을 때 별도 프로그램 설치 없이 브라우저에서 바로 처리할 수 있습니다.
핵심은 모든 처리가 여러분의 브라우저 안에서만 이뤄진다는 점입니다. 선택한 이미지는 서버로 전송되거나 어딘가에 업로드되지 않고, 브라우저의 캔버스(canvas) 기능으로 기기 안에서 변환된 뒤 다운로드됩니다. 그래서 인물 사진·신분증·계약서 스캔본처럼 외부에 올리기 꺼려지는 이미지도 안심하고 처리할 수 있고, 인터넷 연결이 불안정한 상황에서도 한 번 페이지를 열어두면 동작합니다.
아래에서는 JPG·PNG·WebP 세 포맷의 차이와 언제 무엇을 골라야 하는지, 리사이즈와 압축이 실제로 어떻게 용량을 줄이는지, 품질 슬라이더를 어떻게 다뤄야 하는지, 그리고 이 도구가 서버 업로드 없이 동작하는 원리까지 정리했습니다.
사용 방법
- 변환할 이미지를 점선 영역에 끌어다 놓거나, 영역을 클릭해 파일을 선택합니다. JPG·PNG·WebP·GIF 등 브라우저가 읽을 수 있는 대부분의 이미지 포맷을 넣을 수 있습니다.
- 출력 포맷을 JPG·PNG·WebP 중에서 고릅니다. 사진은 JPG나 WebP, 투명 배경이 필요한 로고·아이콘은 PNG가 적합합니다.
- JPG·WebP를 골랐다면 품질 슬라이더로 압축 정도를 조절합니다. 값을 낮출수록 용량이 줄지만 화질도 함께 떨어지므로 미리보기를 보며 맞춥니다. 그림 크기를 줄이려면 '최대 가로 폭'에 원하는 픽셀 값을 입력합니다(0이면 원본 크기 유지).
- '변환하기'를 누르면 결과 미리보기와 함께 바뀐 크기·용량, 그리고 원본 대비 절감률이 표시됩니다. '다운로드' 버튼으로 변환된 이미지를 기기에 저장합니다.
JPG·PNG·WebP 포맷 비교
세 포맷은 압축 방식과 지원 기능이 서로 달라, 이미지 종류와 용도에 따라 적합한 것이 달라집니다. 사진처럼 색이 부드럽게 변하는 이미지는 JPG·WebP가, 로고·스크린샷·글자가 많은 이미지나 투명 배경이 필요한 이미지는 PNG·WebP가 유리합니다.
| 포맷 | 압축 방식 | 투명 배경 | 적합한 용도 |
|---|---|---|---|
| JPG | 손실 압축 | 미지원 | 인물·풍경 등 색이 풍부한 사진 |
| PNG | 무손실 압축 | 지원 | 로고·아이콘·스크린샷, 투명 배경 |
| WebP | 손실·무손실 모두 | 지원 | 웹 최적화, 용량 대비 화질 우수 |
PNG를 JPG로 바꾸면 투명 배경은 어떻게 되나요
JPG는 투명도를 지원하지 않습니다. 그래서 투명 배경 PNG를 JPG로 변환하면 이 도구는 투명한 부분을 흰색으로 채웁니다. 배경을 투명하게 유지해야 한다면 출력 포맷을 PNG 또는 WebP로 골라야 합니다.
리사이즈와 압축은 어떻게 용량을 줄이나요
이미지 용량을 줄이는 방법은 크게 두 가지이며, 이 도구는 둘 다 지원합니다. 하나는 픽셀 수 자체를 줄이는 '리사이즈', 다른 하나는 화질 정보를 덜어내는 '압축(품질 조절)'입니다.
- 리사이즈: '최대 가로 폭'을 지정하면 가로세로 비율을 유지한 채 그 폭에 맞춰 이미지를 축소합니다. 4000px 사진을 1200px로 줄이면 픽셀 수가 크게 줄어 용량이 큰 폭으로 감소합니다. 이 도구는 원본보다 키우지는 않고 줄이기만 하므로 확대에 따른 화질 저하는 없습니다.
- 압축(품질 조절): JPG·WebP는 사람 눈이 잘 구분하지 못하는 색·명암 정보를 버리는 손실 압축을 씁니다. 품질 값을 낮출수록 버리는 정보가 많아져 용량이 줄지만, 너무 낮추면 경계가 뭉개지거나 얼룩(아티팩트)이 생깁니다.
- 두 가지를 함께 쓰면 효과가 가장 큽니다. 예를 들어 큰 사진을 웹용으로 올릴 때 가로 폭을 1600px로 줄이고 품질을 80% 안팎으로 맞추면 화질을 크게 해치지 않으면서 용량을 여러 배 줄일 수 있습니다.
품질은 보통 어느 정도가 좋나요
JPG·WebP의 품질 80~85% 구간은 대부분의 사진에서 화질 저하를 거의 느끼지 못하면서 용량은 크게 줄어드는 '실용적인 스위트 스팟'입니다. 인쇄용 원본이 필요하면 90% 이상, 썸네일처럼 작게 쓰는 이미지라면 60~70%까지 낮춰도 무방합니다.
PNG는 왜 품질 슬라이더가 없나요
출력 포맷으로 PNG를 고르면 품질 슬라이더가 사라집니다. PNG는 무손실 압축 포맷이라 JPG·WebP처럼 화질을 단계적으로 낮춰 용량을 줄이는 '품질' 개념이 없기 때문입니다. PNG의 용량은 이미지에 쓰인 색의 개수와 복잡도에 좌우됩니다.
그래서 사진을 PNG로 저장하면 오히려 JPG·WebP보다 용량이 훨씬 커지는 경우가 많습니다. PNG는 색 경계가 뚜렷하고 색 수가 적은 로고·아이콘·도형·스크린샷에서 진가를 발휘합니다. 사진의 용량을 확실히 줄이고 싶다면 PNG 대신 JPG나 WebP를 고르세요.
서버 업로드 없이 동작하는 원리
이 도구는 파일을 서버로 보내지 않습니다. 브라우저가 이미지를 화면에 그릴 때 쓰는 캔버스(HTML canvas) 기능에 이미지를 올린 뒤, 지정한 크기로 다시 그리고 원하는 포맷으로 내보내는 방식(canvas의 toBlob)을 씁니다. 이 모든 과정이 여러분의 기기 안에서 끝나고, 결과물만 다운로드됩니다.
- 개인정보 보호: 이미지가 외부로 전송되지 않으므로 민감한 사진·문서도 안전하게 처리됩니다.
- 속도: 업로드·다운로드 대기 시간이 없어 변환이 즉시 이뤄지며, 서버 용량 제한도 없습니다.
- 브라우저 의존: WebP 저장 지원 여부는 브라우저에 따라 다를 수 있습니다. 최신 크롬·엣지·사파리·파이어폭스에서는 세 포맷 모두 정상 동작합니다.
- 처리 한계: 매우 큰 이미지는 기기의 메모리를 사용하므로, 사양이 낮은 기기에서는 초대형 이미지 변환이 느려질 수 있습니다.
자주 묻는 질문
- 이미지가 서버에 업로드되나요? 안전한가요?
- 업로드되지 않습니다. 선택한 이미지는 브라우저 안의 캔버스에서만 변환되며 서버로 전송되거나 저장되지 않습니다. 변환된 결과물도 여러분 기기로 바로 다운로드됩니다. 그래서 신분증·계약서·인물 사진처럼 외부에 올리기 꺼려지는 이미지도 안심하고 처리할 수 있습니다.
- 여러 장을 한 번에 변환할 수 있나요?
- 현재는 한 번에 한 장씩 변환합니다. 여러 장을 처리하려면 한 장을 변환·다운로드한 뒤 업로드 영역을 다시 클릭해 다음 이미지를 넣으면 됩니다. 설정한 포맷·품질·최대 폭은 그대로 유지됩니다.
- 작은 이미지를 크게 키울 수 있나요?
- 이 도구는 축소만 지원합니다. '최대 가로 폭'은 원본보다 클 경우 원본 크기를 그대로 유지하며, 원본보다 작게 지정할 때만 그 폭에 맞춰 줄입니다. 작은 이미지를 억지로 확대하면 픽셀이 뭉개져 화질이 나빠지기 때문에 확대 기능은 제공하지 않습니다.
- 변환했더니 용량이 오히려 커졌어요.
- 사진처럼 색이 복잡한 이미지를 PNG로 저장하면 무손실 압축 특성상 원본 JPG보다 용량이 커질 수 있습니다. 이럴 때는 출력 포맷을 JPG나 WebP로 바꾸고 품질을 80% 안팎으로 맞춰 보세요. 또 이미 강하게 압축된 작은 이미지는 더 줄일 여지가 적어 절감 효과가 크지 않을 수 있습니다.
- WebP를 골랐는데 다운로드가 안 되거나 이상해요.
- WebP 저장은 브라우저의 캔버스 지원에 의존합니다. 최신 크롬·엣지·사파리·파이어폭스에서는 정상 동작하지만, 오래된 브라우저에서는 WebP 저장이 지원되지 않을 수 있습니다. 이 경우 브라우저를 최신 버전으로 업데이트하거나 출력 포맷을 JPG·PNG로 바꿔 보세요.
- 품질을 몇 %로 두는 게 가장 좋나요?
- 정답은 용도에 따라 다르지만, 일반적인 웹 게시용 사진은 JPG·WebP 품질 80~85%가 화질과 용량의 균형이 좋습니다. 인쇄나 보관용 원본은 90% 이상을, 썸네일이나 미리보기처럼 작게 쓰는 이미지는 60~70%까지 낮춰도 눈에 띄는 차이가 적습니다. 결과 미리보기와 절감률을 보며 조절하세요.