Crop
크롭 (이미지 영역 선택)
이미지에서 원하는 영역을 선택하고 나머지를 제거하여 구도를 개선하거나 불필요한 요소를 제거하거나 특정 종횡비에 맞추는 과정입니다.
기술 세부사항
크롭은 원본 이미지에서 직사각형 영역을 추출하여 새 이미지를 생성합니다. 픽셀 데이터를 변경하지 않으므로 무손실 작업이지만(JPEG 크롭 제외 — MCU 경계에 맞지 않으면 재인코딩 필요), 파일 크기는 줄어듭니다. 일반적인 종횡비: 1:1(정사각형), 4:3(사진), 16:9(와이드스크린), 9:16(모바일 세로).
예시
```javascript
// Crop image to specific region
const canvas = document.createElement('canvas');
canvas.width = cropWidth;
canvas.height = cropHeight;
const ctx = canvas.getContext('2d');
ctx.drawImage(
img,
cropX, cropY, cropWidth, cropHeight, // source rect
0, 0, cropWidth, cropHeight // dest rect
);
```