이미지 자르기

이미지 자르기

이 도구는 PNG, JPEG 또는 WebP 이미지 한 장을 브라우저에서 직접 자릅니다. 자르기 영역을 드래그하거나 크기를 조정하고, 비율 프리셋을 선택하거나 정확한 픽셀 좌표를 입력할 수 있습니다.

원본 파일은 사용자의 기기에 남아 있습니다. Canvas 내보내기는 브라우저가 지원하면 PNG, JPEG 또는 WebP 형식을 유지하고, 필요하면 PNG로 대체합니다.

자유 자르기는 임의 선택에 적합하고, 1:1, 4:3, 16:9 같은 비율 프리셋은 소셜 미리보기, 썸네일, 문서 크기에 유용합니다.

사용방법

1. PNG, JPEG 또는 WebP 이미지 한 장을 업로드합니다.
2. 자르기 영역을 드래그하고 핸들로 크기를 조정하거나, 비율 프리셋 또는 정확한 자르기 값을 입력합니다.
3. JPEG/WebP 품질을 조정하고 출력을 미리 본 뒤 자른 이미지를 다운로드합니다.

이미지 자르기가 필요한 경우

이미지를 잘라 불필요한 가장자리를 제거하고, 주제를 강조하거나 카드, 썸네일, 소셜 미리보기에 필요한 고정 비율에 맞출 수 있습니다.

디자인이나 CMS가 특정 픽셀 자르기 영역을 요구할 때는 정확한 숫자 필드를 사용할 수 있습니다.

Canvas로 자르기

브라우저 흐름은 Canvas drawImage의 원본 좌표를 사용합니다:

const canvas = document.createElement('canvas');
canvas.width = crop.width;
canvas.height = crop.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(image, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
canvas.toBlob(saveBlob, outputMime, quality);

MCP 통합

MCP(Model Context Protocol)를 통해 AI 에이전트와 앱은 Coding.Tools 유틸리티를 발견하고 반복 가능한 변환, 포맷팅, 해시, 생성 워크플로에서 실행할 수 있습니다.

MCP 도구 이름: image-crop

MCP 엔드포인트: https://coding.tools/mcp

먼저 tools/list를 호출하세요. 각 도구 항목에는 inputSchema, outputSchema, examples가 포함되어 AI 에이전트나 클라이언트가 추측 없이 유효한 인수를 만들 수 있습니다.

tools/call에서는 표시용 값은 result.content[0].text에서, 기계 파싱용 값은 result.structuredContent에서 읽으세요. 도구 수준 실패는 isError: true를 반환하고, 프로토콜 수준 실패는 JSON-RPC error를 반환합니다.

tools/call 요청 예시:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"image-crop","arguments":{}}}'

이 이미지 도구는 MCP에서 브라우저 전용입니다. tools/call은 서버에서 로컬 이미지 바이트를 처리하지 않고 isError: true와 웹 UI로 가는 resource_link를 반환합니다.

대부분의 텍스트 및 데이터 도구는 input 문자열과 선택적 options를 받습니다. 브라우저 이미지 API가 필요한 이미지 도구는 검색 대상으로 제공되며, 브라우저 기능이 필요할 때 웹 UI 링크를 반환합니다.