이미지 · 2026년 7월 11일 · 읽는 시간 4분
이미지 크기 조절, 매번 포토샵 켜기가 귀찮아서 만들었다
이메일에 첨부할 이미지가 너무 커서 800px로 줄여야 하는데, 포토샵 켜기는 너무 무겁다.
이미지 크기 조절이 필요한 순간
별거 아닌 것 같아도 자주 필요하다.
- 이메일 첨부 → 파일 크기 제한 걸릴 때
- 웹사이트 이미지 → 너무 크면 로딩 느려짐
- 블로그 썸네일 → 플랫폼 권장 사이즈에 맞추기
- 개발 중 샘플 이미지 → 빠른 테스트용으로 줄이기
- 스마트폰으로 찍은 사진 → 보통 4000px 이상, 공유할 때 너무 큼
- 문서 첨부용 → 일정 해상도 이하로 맞춰야 하는 경우
스마트폰으로 찍은 사진은 기본적으로 12MP, 48MP 이상인 것도 많다. 그걸 그냥 이메일에 붙이면 첨부 파일만 10MB가 넘는다.
기존 방법의 문제
- 포토샵 → 유료에 무거움, 간단한 리사이즈에 과함
- 그림판 (윈도우) → 픽셀 입력은 되지만 비율 유지가 번거롭고 화질이 떨어짐
- 미리보기 (macOS) → 기능 숨어 있어서 찾기 귀찮음
- 온라인 사이트 → 서버에 파일 올려야 하고, 광고 많고, 느림
- 명령줄 ImageMagick → 개발자 아니면 모름
그냥 픽셀 입력하면 리사이즈 되는 게 있으면 좋겠다고 생각했다. 비율 유지도 자동으로 되고.
브라우저에서 바로 처리
Canvas API 써서 브라우저 안에서만 리사이즈 처리한다. 파일이 외부로 안 나간다.
주요 기능:
- 픽셀 직접 입력 → 가로/세로 원하는 사이즈로
- 비율 잠금 → 한쪽 수정하면 반대쪽 자동 계산
- 퍼센트 입력 → 원본 대비 50%, 25% 등
- 출력 형식 선택 → JPEG, PNG, WebP
- JPEG 품질 조정 → 파일 크기 더 줄이기
- 원본 vs 결과 사이즈 비교 표시
자주 쓰는 사이즈 프리셋:
- HD → 1280×720
- Full HD → 1920×1080
- 4K → 3840×2160
- 인스타그램 정사각형 → 1080×1080
- 트위터 이미지 → 1200×675
실제로 써보니
좋은 점:
- 비율 잠금 기능이 편함 → 가로만 입력하면 세로 자동 계산
- 파일이 서버로 안 감 → 민감한 사진도 안심
- WebP 출력 지원 → JPEG 대비 파일 크기 30% 이상 줄어드는 경우도 있음
- 처리 속도 빠름 → 로컬 처리라 기다림 없음
한계:
- 한 번에 하나씩만 처리 가능 (배치 미지원)
- 원본보다 크게 확대하면 화질 저하는 피할 수 없음
- HEIC 파일은 직접 지원 안 됨 → 먼저 JPEG 변환 필요
사용법
- 이미지 드래그 앤 드롭 또는 클릭해서 업로드
- 원하는 가로/세로 픽셀 또는 % 입력
- 비율 잠금 여부 선택
- 출력 형식 선택 후 다운로드
1분도 안 걸린다.
써보기
설치 없이, 서버 없이, 바로 된다.
#이미지리사이즈 #이미지크기조절 #사진크기줄이기 #무료이미지편집 #웹이미지최적화