이미지 크기 조정

정확한 크기로 이미지 크기 조정

이미지 크기 조정은 PNG, JPEG 또는 WebP 이미지를 업로드하지 않고 픽셀 너비와 높이를 변경합니다. 특정 크기가 필요한 썸네일, 앱 자산, 스크린샷, 프로필 이미지, 웹 이미지를 준비하는 데 사용합니다.

이미지가 원래 비율을 유지해야 할 경우 가로 세로 비율을 잠그고, 의도적으로 다른 모양이 필요할 경우 잠금을 해제하세요. 너비와 높이를 모두 50%만큼 줄이면 픽셀의 75%가 제거되어 파일이 훨씬 작아지는 경우가 많습니다.

처리에는 브라우저 캔버스가 사용됩니다. JPEG 및 WebP 출력은 품질 설정으로 다시 인코딩될 수 있습니다. PNG는 투명성을 유지하지만 사진 형식만큼 줄어들지는 않습니다. 크기를 조정하면 미세한 디테일이 부드러워질 수 있으므로 미리보기를 확인하세요.

사용방법

1. PNG, JPEG 또는 WebP 이미지 하나를 업로드하세요.
2. 대상 너비와 높이를 입력하고, 필요한 경우 종횡비를 잠그거나 사전 설정을 선택하세요.
3. JPEG/WebP 품질을 조정하고 결과를 미리 본 다음 크기가 조정된 이미지를 다운로드하세요.

언제 이미지 크기를 조정해야 합니까?

이미지 크기 조정은 파일 크기뿐만 아니라 치수 변경에도 사용됩니다. 레이아웃, CMS, 이메일, 아바타 또는 문서 이미지에 정확한 픽셀 너비와 높이가 필요한 경우 유용합니다.

브라우저가 새 출력 이미지를 생성하는 동안 원본 파일은 장치에 유지됩니다. 일반적으로 규모를 축소하는 것이 가장 좋습니다. 업스케일링은 원본에 없던 픽셀을 생성하기 때문에 이미지를 흐릿하게 만들 수 있습니다.

Canvas로 크기 조정

캔버스 크기 조정은 소스 이미지를 대상 크기로 설정된 캔버스에 그립니다.

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

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