이미지 크기 조절
JPG, PNG, WEBP 이미지를 한 장 또는 여러 장 한 번에 리사이즈하세요. 파일은 서버에 업로드되지 않고 브라우저에서 로컬 처리됩니다.
이미지를 한 장 이상 드래그하거나 여러 파일을 선택하세요
지원 형식: JPG, PNG, WEBP
크기 조절 설정
활성화하면 각 이미지의 원본 비율을 유지합니다. 여러 장 처리 시 마지막으로 수정한 가로 또는 세로 값이 기준이 됩니다.
브라우저에서 리사이즈 결과를 여러 개 파일로 순서대로 다운로드합니다.
원본 파일 (0)
리사이즈 결과 (0)
이미지 크기 조절 안내
이 도구는 브라우저에서 바로 이미지의 가로세로 픽셀 크기를 변경할 수 있으며, 여러 장 일괄 리사이즈도 지원합니다.
비율 유지를 켜면 각 이미지의 원본 비율을 유지한 채로 처리됩니다.
리사이즈 후에는 개별 파일로 받거나 ZIP으로 한 번에 다운로드할 수 있습니다.
자주 묻는 질문
여러 장 이미지를 한 번에 리사이즈할 수 있나요?
네. 여러 파일을 한 번에 업로드하고 동일한 설정으로 일괄 리사이즈할 수 있습니다.
비율 유지를 켜면 어떻게 되나요?
각 이미지의 원본 비율이 유지됩니다. 여러 장 처리 시 마지막으로 수정한 가로 또는 세로 값이 기준이 됩니다.
리사이즈 후 용량이 더 커질 수도 있나요?
네. 출력 크기, 원본 형식, 브라우저 인코딩 방식에 따라 용량이 더 커질 수도 있습니다.
이미지 크기 조절 원리
이 도구는 HTML Canvas API와 픽셀 리샘플링을 사용하여 이미지 크기를 조절합니다. 이미지를 업로드하면 비트맵으로 디코딩되어 목표 크기로 설정된 캔버스 요소에 그려집니다. 브라우저의 2D 렌더링 컨텍스트는 구현에 따라 바이리니어 또는 바이큐빅 보간법을 적용하여 출력 그리드의 각 위치에 대한 새 픽셀 값을 계산합니다. 축소 시 인접한 소스 픽셀들을 더 적은 출력 픽셀로 혼합하여 전체적인 색상 정확도를 유지하면서 세밀한 디테일을 줄입니다. 확대 시에는 기존 픽셀 사이에 새 픽셀 값을 외삽하므로, 소형 이미지를 자연 해상도 이상으로 크게 확대하면 부드럽거나 흐릿한 결과가 나옵니다.
크기 조절기는 세 가지 입력 모드를 지원합니다: 명시적 픽셀 크기(너비 × 높이), 배율 백분율, 일괄 정규화를 위한 최장 변 제한. 가로세로 비율을 잠그면 누락된 치수가 자동으로 계산되어 이미지가 왜곡되지 않습니다. 리샘플링 후 캔버스는 toBlob API를 사용하여 출력을 JPEG 또는 PNG Blob으로 직렬화하고 브라우저 다운로드로 제공합니다. 이미지는 원격 서버로 전송되지 않고 전체 파이프라인이 JavaScript 샌드박스 내에서 실행됩니다.
이미지 크기 조절기를 사용하면 좋은 경우
- 1이커머스 플랫폼에 대량 업로드하기 전 제품 이미지를 표준 크기(예: 800 × 800 px)로 조절 — 대부분의 플랫폼은 일관된 종횡비를 요구하고 너무 큰 파일은 거부합니다.
- 2웹 페이지용 반응형 이미지 변형 생성 — 디자인 소프트웨어에서 다시 내보내지 않고 데스크톱용 1200px 버전과 모바일용 600px 버전 준비.
- 3LinkedIn의 400 × 400 px나 포럼 아이콘 150 × 150 px 같이 엄격한 업로드 크기 요건이 있는 플랫폼용 아바타 또는 프로필 사진 준비.
- 4이메일로 공유하거나 느린 연결 환경에 업로드하기 전 스캔 문서나 사진 해상도 낮추기 — 6000 × 4000 px 사진을 1920 × 1280 px로 줄이면 보통 5~8배 작아집니다.
크기 및 화질 가이드
웹 사용의 경우 전체 너비 이미지에는 1200~1920 px가 충분합니다. 2000 px 이상은 일반 화면에서 체감 선명도를 거의 높이지 않지만 파일 크기와 로딩 시간을 크게 늘립니다.
레티나/HiDPI 디스플레이의 경우 CSS 표시 크기의 2배로 이미지를 준비하세요. 600 px CSS 이미지는 레티나 화면에서 선명하게 렌더링하려면 1200 px 소스 파일이 필요합니다.
원본보다 150% 이상 확대는 피하세요 — 보간 알고리즘은 원본에 없던 디테일을 만들 수 없으며 자세히 보면 부드럽거나 픽셀화된 결과가 나옵니다.
50% 이상 축소할 때는 두 단계 축소를 고려하세요(예: 4000 px → 2000 px → 1000 px). 일부 브라우저의 캔버스 보간은 점진적 단계에서 약간 더 선명한 결과를 냅니다.
지원 포맷 및 브라우저 호환성
- 지원 입력 포맷: JPEG (.jpg, .jpeg), PNG (.png), WebP (.webp), GIF (.gif, 첫 번째 프레임만), BMP (.bmp).
- 출력 포맷: 파일당 선택 가능한 JPEG 또는 PNG. 사진에는 JPEG(더 작음), 투명도가 필요한 그래픽과 이미지에는 PNG를 권장합니다.
- 브라우저 호환성: Chrome 60+, Edge 79+, Firefox 55+, Safari 13+. WebP 입력은 Safari 14+가 필요합니다. 최신 모바일 브라우저는 모두 지원됩니다.
- 기기 사용 가능 RAM 이상의 파일 크기 제한은 없습니다. 매우 큰 이미지(30 MP 이상)는 모바일 기기에서 처리가 느릴 수 있습니다.
더 좋은 결과를 위한 팁
팁 1
의도적으로 이미지를 왜곡하려는 것이 아니라면 항상 종횡비를 잠그세요 — 너비와 높이가 맞지 않으면 늘어진 콘텐츠가 만들어져 비전문적으로 보입니다.
팁 2
빠른 스케일링에는 백분율 모드를 사용하세요: 50%는 두 치수를 반으로 줄이고 파일 크기를 원본 면적의 약 4분의 1로 줄여 용량이 크게 감소합니다.
팁 3
표준 최장 변으로 일괄 크기 조절(예: 1200 px)하려면 최장 변 제한 모드를 사용하세요 — 가로 방향과 세로 방향 이미지 모두 올바르게 정규화됩니다.
팁 4
크기 조절 후 압축 도구를 통해 파일 크기를 더 줄이세요 — 캔버스 출력 JPEG 파일은 자동으로 최대 비율로 압축되지 않습니다.
팁 5
인쇄 출력의 경우 해상도를 300 DPI로 유지하세요: 4인치 너비 인쇄물에는 1200 px, 6인치 인쇄물에는 1800 px가 필요합니다.
팁 6
소셜 미디어용 이미지를 준비할 때는 각 플랫폼의 현재 권장 크기를 확인하세요 — 게시물 유형, 스토리, 커버 사진에 따라 다르며 변경될 수 있습니다.
도움말
자주 묻는 질문
크기 조절이 서버에서 이루어지나요?
아니요. 크기 조절은 브라우저 내 HTML Canvas API를 사용합니다. 이미지는 기기에서 완전히 처리되며 어떤 서버로도 전송되지 않습니다.
크기를 줄이면 파일 크기도 줄어드나요?
축소는 인코딩할 픽셀이 줄어들므로 거의 항상 파일 크기를 크게 줄입니다. 단, 캔버스 출력은 가장 적극적으로 압축된 인코딩이 아닙니다 — 가능한 가장 작은 파일을 위해 압축 도구를 통해 결과를 처리하세요.
원본보다 더 큰 크기로 조절할 수 있나요?
네, 가능하지만 원본 해상도 이상으로 확대하면 보간 알고리즘이 소스에 없던 디테일을 만들 수 없으므로 부드럽거나 흐릿한 결과가 나옵니다.
이미지를 왜곡하지 않고 크기를 조절하려면 어떻게 하나요?
종횡비 잠금을 활성화하세요. 새 너비를 입력하면 원본 비율을 유지하도록 높이가 자동으로 계산됩니다.
여러 이미지를 한 번에 크기 조절할 수 있나요?
네. 선택 도구에서 여러 파일을 선택하세요. 각 파일은 지정된 크기로 독립적으로 조절됩니다. 일괄 모드는 모든 파일에 동일한 설정을 적용합니다.
PNG 크기를 조절할 때 투명도는 어떻게 되나요?
출력 포맷을 PNG로 유지하면 투명도가 보존됩니다. JPEG로 출력을 전환하면 투명 영역이 단색 배경색으로 채워집니다.
크기 조절된 이미지가 흐릿하게 보이는 이유는 무엇인가요?
흐릿함은 보간을 통한 축소의 자연스러운 결과입니다. 가장 선명한 결과를 위해 한 번에 50% 이상 축소하지 말고, 소스 이미지가 처음부터 선명한지 확인하세요.
지원되는 최대 이미지 크기가 있나요?
Canvas API는 브라우저에 따라 다른 최대 치수 제한이 있습니다 — Chrome과 Firefox에서는 일반적으로 16,384 × 16,384 px입니다. 이보다 큰 이미지는 캔버스에 로드되지 않습니다. 대부분의 카메라 이미지는 이 제한 내에 있습니다.