이미지를 드래그 앤 드롭하거나 파일 선택
JPG, PNG, WebP, GIF, AVIF, HEIC 지원
모든 이미지 처리는 브라우저에서 로컬로 진행됩니다. 이미지가 기기 밖으로 전송되지 않습니다.
이미지 처리 중
0 / 0
수동 크롭
이미지를 드래그 앤 드롭하거나 파일 선택
JPG, PNG, WebP, GIF, AVIF, HEIC 지원
모든 이미지 처리는 브라우저에서 로컬로 진행됩니다. 이미지가 기기 밖으로 전송되지 않습니다.
픽셀 크롭 – 정확한 픽셀로 일괄 자르기
픽셀 크롭은 배치의 모든 이미지를 고정된 너비 × 높이(픽셀)로 맞춥니다. 웹사이트, 앱, 디자인 시스템, 인쇄 레이아웃이 동일한 출력 크기를 요구할 때 사용하세요. 처리는 브라우저에서 이루어지며 업로드가 없습니다.
빠른 답변
픽셀 크롭은 입력한 정확한 너비와 높이(예: 1200×800)로 선택한 이미지를 출력해, 폴더 전체가 UI 자산·썸네일·레이아웃 슬롯용 동일 캔버스 크기를 공유하게 합니다.
By Batch Image Crop Team · 최근 업데이트: 2026-08-12
픽셀 크롭이란 무엇인가요?
픽셀 크롭은 비율이 아닌 절대 픽셀 치수를 목표로 하는 일괄 자르기 방식입니다. 너비와 높이를 한 번 설정하면 각 파일이 그 상자로 잘리고(미리보기 위치 조정), ZIP으로 함께 내보내집니다.
각 원본에서 상대 비율을 제거하는 비율 크롭과 다릅니다. 대상이 알려진 비트맵 크기를 필요로 할 때—결과마다 같은 픽셀 너비·높이—픽셀 크롭을 쓰세요.
정확한 픽셀로 이미지를 자르는 방법
- 이미지 업로드 - 같은 출력 크기를 공유해야 하는 파일 또는 전체 배치를 추가합니다.
- 픽셀로 너비와 높이 입력 - 레이아웃이나 파이프라인이 요구하는 정확한 치수를 입력합니다(예: 800×600 또는 1920×1080).
- 미리보기 및 위치 조정 - 얼굴·제품·텍스트가 고정 상자 안에 남도록 자르기 영역을 드래그합니다.
- 배치 다운로드 - 처리한 뒤 잘린 이미지를 ZIP 파일로 함께 다운로드합니다.
자주 쓰는 픽셀 치수
자주 있는 일괄 작업의 출발점입니다. 숫자를 확정하기 전에 CMS·테마·인쇄 사양을 확인하세요.
| 용도 | 일반 크기 | 적합한 이유 |
|---|---|---|
| 웹 / 히어로 배너 | 1920×600, 1200×400 | 넓은 헤더 슬롯에 맞고 남는 캔버스를 남기지 않음 |
| 정사각 아바타 & 타일 | 400×400, 800×800 | 그리드·디렉터리·프로필 슬롯용 균일 정사각 |
| 썸네일 & 카드 | 300×300, 640×360 | 빠르게 로드되고 목록에서 정렬되는 컴팩트 미리보기 |
| HD 디스플레이 / 영상 스틸 | 1920×1080 | 슬라이드·임베드·목업용 표준 풀 HD |
| 고해상도 / QHD 자산 | 2560×1440, 3840×2160 | 원본이 충분히 클 때 Retina·4K용 크롭 |
픽셀 크롭이 맞는 경우
웹사이트·CMS 자산
테마와 페이지 빌더는 요구 너비×높이를 벗어난 이미지를 거부하거나 늘리는 경우가 많습니다. 픽셀 설정 하나로 폴더를 표준화합니다.
앱·UI 아이콘 세트
디자인 시스템은 버튼·타일·목록 썸네일에 고정 비트맵 크기를 기대합니다. 일괄 픽셀 크롭으로 각보내기를 규격에 맞춥니다.
카탈로그·마켓플레이스
사진마다 픽셀 크기가 다르면 상품 그리드가 들쭉날쭉해 보입니다. 캔버스를 고정해 카드를 맞춥니다.
인쇄 레이아웃 자리
슬롯이 픽셀(또는 동등보내기)로 정의되면 절대 크롭이 막판 리사이즈 사고를 막습니다.
파이프라인·자동화 인수인계
1200×800 등을 가정하는 하위 스크립트는 혼합 크기에서 실패합니다. 픽셀 크롭은 배치를 기계 친화적으로 만듭니다.
로컬 비공개 처리
민감한 제품·인물 파일이 기기를 떠날 필요가 없습니다. 자르기는 브라우저에서 실행되며, 보관할 ZIP만 다운로드합니다.
픽셀 크롭 vs 비율 크롭 vs 기타 모드
고정 캔버스, 비례 트림, 플랫폼/도형 프리셋 중 무엇이 필요한지에 따라 고르세요.
| 모드 | 최적인 경우 | 주의 |
|---|---|---|
| 픽셀 크롭 | 모든 파일이 정확한 너비 × 높이를 공유해야 할 때 | 목표보다 작은 원본은 빠진 픽셀을 만들 수 없음 |
| 비율 크롭 | 혼합 크기에 같은 비례 가장자리 트림이 필요할 때 | 최종 픽셀 치수는 여전히 원본에 따라 다름 |
| 수동 크롭 | 피사체 위치가 달라 이미지별 프레이밍이 필요할 때 | 공유 픽셀 상자만 필요하면 느림 |
| 소셜 미디어 크롭 | Instagram, YouTube, LinkedIn 등 프리셋이 필요할 때 | 맞춤 CMS 크기는 플랫폼 프리셋과 다를 수 있음 |
| 도형 크롭 | 원형·둥근 투명 마스크가 필요할 때 | 도형 마스크는 단순 직사각 픽셀 상자를 대체하지 않음 |
이 일괄 픽셀 크로퍼가 도움이 되는 이유
- 정확한 너비 × 높이 출력 - 내보낸 각 파일이 설정한 픽셀 치수와 일치합니다.
- 일괄 ZIP 다운로드 - 수십 장을 한 번에 처리해 한 장씩 자르고 저장하는 수고를 줄입니다.
- 라이브 미리보기 위치 조정 - 고정 상자를 다시 프레이밍해 중요한 디테일을 남깁니다.
- 혼합 원본의 균일 크기 - 폰·DSLR·스크린샷이 같은 캔버스 크기로 나올 수 있습니다.
- 브라우저 기반 프라이버시 - 이미지는 로컬에 남습니다. 계정이나 서버 업로드가 필요 없습니다.
- 일상 형식 지원 - JPG, PNG, WebP 등 흔한 사진 형식을 사용합니다.
내보내기 전 확인할 것
원본이 목표보다 큰지
각 원본이 자르기 상자 이상 너비·높이인지 확인하세요. 업스케일은 더 큰 원본을 대체하지 않습니다.
피사체 프레이밍
고정 상자는 키 큰 제품이나 중심에서 벗어난 얼굴을 자를 수 있습니다. 이상치를 미리보고 배치 전에 영역을 옮기세요.
종횡비 일치
레이아웃이 16:9인데 정사각을 입력하면 잘림이 달라집니다. 실제 목표 비율을 픽셀로 입력하세요.
플랫폼 vs 맞춤 사양
Instagram·YouTube·LinkedIn 프리셋은 소셜 크롭이 더 빠릅니다. 맞춤 CMS/앱 요구면 픽셀 크롭에 남으세요.
픽셀 크롭 FAQ
픽셀 크롭은 무슨 뜻인가요?
각 이미지를 정확한 너비와 높이(픽셀)로 자릅니다. 예를 들어 1200×800을 설정하면 너비 1200, 높이 800픽셀 출력이 됩니다.
모든 이미지가 같은 픽셀 크기가 되나요?
네—원본이 충분히 크면 잘린 각 파일이 입력한 너비·높이와 일치합니다. 비율 대신 픽셀을 고르는 주된 이유입니다.
이미지가 목표 크기보다 작으면요?
업스케일 없이 빠진 픽셀을 만들 수 없습니다. 목표를 각 원본 치수 이하로 두거나 더 높은 해상도 원본에서 시작하세요.
픽셀 크롭과 비율 크롭의 차이는?
비율 크롭은 각 파일에서 비례분을 제거하므로 출력 크기가 여전히 원본에 따라 달라집니다. 동일 치수가 필요할 때 픽셀 크롭은 고정 캔버스를 강제합니다.
많은 이미지를 같은 픽셀로 일괄 자를 수 있나요?
네. 치수를 한 번 설정하고 프레이밍을 미리본 뒤 전체를 처리하고 결과 ZIP 하나를 다운로드하세요.
픽셀 크롭이 사진을 서버에 업로드하나요?
아니요. 처리는 브라우저에서 실행됩니다. ZIP을 직접 다운로드하지 않는 한 이미지는 기기에 남습니다.
권위 있는 출처
브라우저의 정확한 크기 자르기는 canvas 비트맵 모델을 따릅니다. 대상 픽셀 너비를 정의한 뒤 원본 사각형을 그 좌표 공간에 그립니다. 아래 참고 자료가 해당 API를 설명합니다.
공식 표현 요약
MDN에 따르면 HTMLCanvasElement.width 속성은 캔버스 크기를 제어하고 비트맵(그리기 버퍼/좌표 공간) 너비를 CSS 픽셀로 반영합니다—절대 픽셀 크롭은 결국 원본 파일 비율이 아닌 고정 비트맵 너비입니다.
-
MDN Web Docs
CanvasRenderingContext2D.drawImage()
용도: 클라이언트 도구가 쓰는 브라우저 canvas 원본 사각형 자르기 모델
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
-
MDN Web Docs
용도: 캔버스 좌표 공간의 절대 픽셀 비트맵 너비
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/width
이 페이지는 브라우저에서 정확한 치수 일괄 자르기를 돕습니다. 항상 프레이밍을 미리보고, 작업이 비례 트림·플랫폼 프리셋·중심 벗어난 피사체이면 비율·소셜·수동으로 바꾸세요.