이미지 자르기

필요한 정확한 프레임으로 자르기

이미지 자르기는 업로드하지 않고 PNG, JPEG 또는 WebP 이미지에서 선택한 직사각형 영역을 잘라냅니다. 이를 사용하여 가장자리를 제거하거나 피사체를 중앙에 배치하거나 고정된 카드, 썸네일, 아바타 및 소셜 미리보기 비율을 일치시킵니다.

자르기 상자는 픽셀 좌표를 사용합니다. X와 Y는 왼쪽 위 모서리를 표시하고 너비와 높이는 선택한 영역을 정의합니다. 자르기는 구성과 출력 크기를 변경합니다. 선택한 픽셀은 선택한 자르기 크기로 내보내집니다.

처리는 브라우저 캔버스를 통해 실행됩니다. 무료 자르기는 임의 프레임에 가장 적합하며, 1:1, 4:3 및 16:9 사전 설정은 대상에 안정적인 종횡비가 필요할 때 도움이 됩니다. 다시 인코딩한 후에는 메타데이터와 방향 처리가 다를 수 있으므로 출력을 검토하세요.

사용방법

1. PNG, JPEG 또는 WebP 이미지 하나를 업로드하세요.
2. 자르기 상자를 드래그하고, 핸들에서 크기를 조정하고, 비율 사전 설정을 선택하거나, 정확한 자르기 값을 입력하세요.
3. JPEG/WebP 품질을 조정하고 출력을 미리 본 다음 잘린 이미지를 다운로드하세요.

언제 이미지를 잘라야 합니까?

이미지 자르기은 이미지의 프레임을 변경하는 데 사용됩니다. 빈 여백을 제거하고 중요한 피사체에 초점을 맞추거나 이미지를 고정 비율 슬롯에 맞춥니다.

디자인 사양이나 CMS에서 정확한 픽셀 자르기를 요구하는 경우 정확한 X, Y, 너비 및 높이 값을 사용하세요. JPEG/WebP 내보내기는 품질 조정이 가능한 반면, 투명도를 그대로 유지해야 하는 경우 PNG가 더 안전한 선택입니다.

Canvas로 자르기

캔버스 자르기는 소스 좌표를 사용하고 선택한 사각형만 출력 캔버스에 그립니다.

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 오류를 반환합니다.

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 링크를 반환합니다.