이미지 크기 조정

이미지 크기 조정

이 도구는 PNG, JPEG 또는 WebP 이미지 한 장의 크기를 브라우저에서 직접 조정합니다. 정확한 너비와 높이를 입력하거나, 퍼센트로 조정하거나, 일반 프리셋을 사용하고 다운로드 전에 결과를 확인할 수 있습니다.

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

JPEG와 WebP 출력은 품질 슬라이더로 시각 품질과 파일 크기의 균형을 조절할 수 있습니다.

사용방법

1. PNG, JPEG 또는 WebP 이미지 한 장을 업로드합니다.
2. 목표 너비와 높이를 입력하고 필요하면 비율을 고정하거나 프리셋을 선택합니다.
3. JPEG/WebP 품질을 조정하고 결과를 미리 본 뒤 크기 조정된 이미지를 다운로드합니다.

이미지 크기 조정이 필요한 경우

웹사이트, 앱 자산, 이메일 첨부, 프로필 이미지, 썸네일, 문서 스크린샷에 맞게 이미지 크기를 조정할 수 있습니다.

투명 그래픽은 PNG로 투명도를 유지할 수 있습니다. 사진은 JPEG 또는 WebP 품질 설정으로 더 작은 파일을 만들기 쉽습니다.

Canvas로 크기 조정

브라우저 흐름은 Canvas drawImage에 목표 너비와 높이를 전달합니다:

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

MCP 통합

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

MCP 도구 이름: image-resize

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-resize","arguments":{}}}'

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

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