블로그에 사진을 올리다 보면 이미지 용량이 생각보다 크다는 것을 자주 느끼게 됩니다. 특히 스마트폰으로 촬영한 사진은 한 장에 몇 MB씩 나가는 경우도 많아, 여러 장을 올리면 업로드 시간이 길어지고 페이지도 무거워질 수 있습니다.
저도 네이버 블로그와 워드프레스를 함께 운영하면서 매번 이미지 용량을 줄이는 과정이 은근히 번거롭게 느껴졌습니다. 기존 이미지 압축 사이트를 이용할 수도 있지만, 광고가 많거나 파일을 서버에 업로드해야 하는 방식은 조금 신경 쓰이기도 했습니다.
그래서 그냥 제가 쓰려고 만들었습니다. 이미지를 브라우저 안에서 바로 압축하고, 원본과 결과 용량을 비교한 뒤 파일을 다운로드할 수 있는 간단한 이미지 압축기입니다.
설치와 회원가입 없이 바로 사용할 수 있습니다.
이미지 용량 다이어트 사용하기왜 이미지 압축기를 직접 만들었을까?
이미지 용량을 줄여주는 서비스는 인터넷에 이미 많이 있습니다. 하지만 제가 원하는 기능만 간단하게 갖춘 서비스는 생각보다 찾기 어려웠습니다.
광고가 너무 많거나 회원가입이 필요한 곳도 있었고, 이미지를 외부 서버로 업로드한 뒤 압축하는 방식도 있었습니다. 개인 사진이나 업무용 화면 캡처를 처리할 때는 아무래도 조금 망설여졌습니다.
그래서 복잡한 기능은 빼고 이미지 선택 → 압축 설정 → 결과 확인 → 다운로드 순서로 바로 사용할 수 있는 도구를 만들었습니다.
이미지는 서버로 전송하지 않고 사용 중인 브라우저 안에서 처리됩니다. 압축이 끝나면 원본과 결과를 비교한 뒤 필요한 파일만 직접 다운로드할 수 있습니다.
어떤 기능을 사용할 수 있을까?
제가 만든 이미지 용량 다이어트는 이미지를 자주 다루지 않는 사람도 어렵지 않게 사용할 수 있도록 구성했습니다.
- JPG, PNG, WebP 이미지 처리
- JPG, PNG, WebP 결과 형식 선택
- 이미지 품질 직접 조절
- 원본 픽셀 크기 유지
- 긴 쪽 기준 2200px, 1600px, 1200px 제한
- 원본과 압축 결과 이미지 비교
- 원본 용량과 결과 용량 확인
- 용량 감소율 확인
- 압축한 이미지 바로 다운로드
기본 설정은 이미지의 픽셀 크기를 그대로 유지하고 압축 품질만 조절하는 방식입니다. 용량을 더 많이 줄이고 싶다면 긴 쪽의 픽셀 크기를 제한해 해상도와 파일 크기를 함께 줄일 수 있습니다.
이미지 용량 줄이기 사용 방법
1. 압축할 이미지 선택
먼저 이미지 접수대에서 파일 선택 버튼을 눌러 용량을 줄일 이미지를 불러옵니다.
테스트만 해보고 싶다면 별도의 파일을 준비하지 않고 데모 이미지 버튼을 눌러 기능을 확인할 수도 있습니다.
2. 결과 형식 선택
결과 형식은 WebP, JPG, PNG 중에서 선택할 수 있습니다. 블로그나 워드프레스에 올릴 이미지라면 기본값인 WebP를 먼저 사용해보는 것이 좋습니다.
다만 오래된 프로그램이나 특정 환경에서도 파일을 열어야 한다면 호환성이 무난한 JPG를 선택하는 편이 편할 수 있습니다. 투명 배경이 필요한 이미지는 WebP 또는 PNG 형식을 선택하면 됩니다.
3. 품질과 이미지 크기 설정
품질 슬라이더를 움직이면 압축 품질을 직접 조절할 수 있습니다. 품질 수치를 낮출수록 용량이 더 많이 줄어들 수 있지만, 너무 낮게 설정하면 이미지가 흐릿하거나 뭉개져 보일 수 있습니다.
처음에는 기본값으로 압축한 뒤 결과 이미지를 확인하고, 용량이 여전히 크다면 품질이나 이미지 크기를 조금씩 낮춰보는 방식이 편합니다.
4. 원본과 결과 비교 후 다운로드
용량 줄이기 버튼을 누르면 원본과 다이어트 결과가 나란히 표시됩니다. 원본 용량, 결과 용량, 감량 비율과 이미지 크기도 함께 확인할 수 있습니다.
결과가 마음에 들면 결과 다운로드 버튼을 눌러 저장하면 끝입니다. 별도의 프로그램을 설치하거나 회원가입할 필요는 없습니다.
블로그 이미지 용량을 줄이면 좋은 점
블로그 글에 고용량 이미지를 여러 장 사용하면 업로드가 오래 걸리고, 페이지를 불러오는 과정도 무거워질 수 있습니다. 특히 스마트폰 환경에서는 이미지가 표시될 때까지 시간이 더 걸릴 수 있습니다.
모든 이미지를 지나치게 작게 만들 필요는 없지만, 눈에 띄는 화질 저하가 없는 범위에서 파일 크기를 정리해두면 블로그 글과 워드프레스 미디어 파일을 조금 더 가볍게 관리할 수 있습니다.
화면을 캡처한 뒤 이미지로 저장하는 방법이 필요하다면 컴퓨터 화면 캡처 단축키 정리 글 도 함께 참고할 수 있습니다.
이런 분들에게 추천합니다
- 네이버 블로그에 사진을 자주 올리는 분
- 워드프레스 이미지 용량을 관리하고 싶은 분
- 스마트스토어 등 상품 이미지를 등록하는 분
- PPT와 업무 문서에 이미지를 자주 넣는 직장인
- 이메일이나 메신저로 사진을 전송해야 하는 분
- 설치 없이 바로 사용할 수 있는 웹 도구가 필요한 분
컴퓨터와 업무 도구를 조금 더 편하게 사용하는 방법은 설정·활용 팁 에서 확인할 수 있습니다. 프로그램 설치나 실행 오류 관련 글은 프로그램·업무도구 에 정리하고 있습니다.
직접 사용해본 결과
저도 블로그 글에 사용할 이미지를 준비할 때 이 도구를 직접 사용하고 있습니다. 이미지를 선택하고 기본 설정으로 압축한 뒤, 결과 용량과 화질을 비교하고 필요한 경우 품질만 조금 조절합니다.
기존에는 이미지마다 별도의 편집 프로그램을 열거나 다른 압축 사이트를 찾아가야 했지만, 지금은 제가 필요한 기능만 모아둔 페이지에서 바로 처리할 수 있어 편해졌습니다.
엄청나게 복잡하거나 전문적인 이미지 편집기는 아니지만, 블로그에 올리기 전 파일을 한 번 가볍게 정리하는 용도로는 충분히 활용할 수 있습니다.
쓸데없는 연구소에서 만든 조금 쓸모 있는 도구
이미지 용량 다이어트는 choboit의 쓸데없는 연구소 실험 021로 만든 웹 도구입니다.
처음에는 쓸데없는 장난감 위주로 시작했지만, 최근에는 오류 문구 정리, 파일명 정리, 링크 정리처럼 실제로 업무나 블로그 운영에 사용할 수 있는 도구도 함께 만들고 있습니다.
회의나 업무 중 적어둔 잡메모를 정리하고 싶다면 메모 탈수기도 함께 사용해볼 수 있습니다.
마무리
처음에는 제가 블로그에 올릴 이미지를 조금 더 편하게 관리하려고 만든 작은 도구였습니다. 직접 사용해보니 블로그 운영자뿐만 아니라 업무상 이미지를 자주 다루는 분들에게도 도움이 될 수 있겠다는 생각이 들었습니다.
이미지 용량 때문에 업로드가 느리거나, 별도의 프로그램 설치 없이 파일 크기를 줄이고 싶었다면 한 번 사용해보세요. 이미지는 굶기지 않고 파일만 살짝 가볍게 만들어줍니다.
※ 압축 결과는 원본 이미지의 형식, 해상도와 품질 설정에 따라 달라질 수 있습니다. 중요한 원본 파일은 별도로 보관한 뒤 결과 이미지를 사용해 주세요.