Cortar imagem

Corte no quadro exato que você precisa

Cortar imagem corta uma área retangular selecionada de uma imagem PNG, JPEG ou WebP sem carregá-la. Use-o para remover bordas, centralizar um assunto ou combinar cartões fixos, miniaturas, avatares e proporções de visualização social.

A caixa de corte usa coordenadas de pixel: X e Y marcam o canto superior esquerdo, enquanto a largura e a altura definem a área selecionada. O corte altera a composição e as dimensões de saída; os pixels selecionados são exportados no tamanho de corte escolhido.

O processamento é executado na tela do navegador. O corte livre é melhor para enquadramentos arbitrários, enquanto as predefinições 1:1, 4:3 e 16:9 ajudam quando o destino requer uma proporção estável. Revise a saída porque o tratamento de metadados e orientação pode diferir após a recodificação.

Como usar

1. Carregue uma imagem PNG, JPEG ou WebP.
2. Arraste a caixa de corte, redimensione-a a partir das alças, escolha uma predefinição de proporção ou digite valores exatos de corte.
3. Ajuste a qualidade JPEG/WebP, visualize a saída e baixe a imagem recortada.

Quando você deve cortar uma imagem?

Cortar imagem serve para alterar o quadro de uma imagem: remover margens vazias, focar no assunto importante ou ajustar uma imagem em um slot de proporção fixa.

Use valores exatos de X, Y, largura e altura quando uma especificação de design ou CMS solicitar um corte preciso de pixels. As exportações JPEG/WebP podem ser ajustadas em termos de qualidade, enquanto PNG é a escolha mais segura quando a transparência deve permanecer intacta.

Cortar com Canvas

O recorte da tela usa coordenadas de origem e desenha apenas o retângulo selecionado na tela de saída:

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);

Integração MCP

MCP (Model Context Protocol) permite que agentes de IA e aplicativos descubram e executem utilitários do Coding.Tools para fluxos repetíveis de conversão, formatação, hash e geração.

Nome da ferramenta MCP: image-crop

Endpoint MCP: https://coding.tools/mcp

Chame tools/list primeiro. Cada ferramenta inclui inputSchema, outputSchema e examples para que um agente de IA ou cliente possa montar argumentos válidos sem adivinhar.

Em tools/call, leia result.content[0].text para o valor exibível e result.structuredContent para análise automática. Falhas da ferramenta retornam isError: true; falhas de protocolo retornam um erro JSON-RPC.

Exemplo de requisição 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":{}}}'

Esta ferramenta de imagem é somente para navegador no MCP. tools/call não processa bytes de imagem locais no servidor; retorna isError: true e um resource_link para a interface web.

A maioria das ferramentas de texto e dados aceita uma string input e options opcionais. Ferramentas de imagem que dependem das APIs de imagem do navegador são listadas para descoberta e retornam um link para a interface web quando precisam desses recursos.