Redimensionar imagem

Redimensione imagens para dimensões exatas

O redimensionador de imagem altera a largura e a altura em pixels de uma imagem PNG, JPEG ou WebP sem carregá-la. Use-o para preparar miniaturas, ativos de aplicativos, imagens de produtos, anexos de e-mail ou variantes sociais que precisam ter dimensões exatas.

Bloqueie a proporção quando a imagem deve manter suas proporções originais ou desbloqueie-a quando você precisar intencionalmente de um formato diferente. Reduzir a largura e a altura em 50% remove 75% dos pixels, o que geralmente torna os arquivos muito menores.

O processamento usa a tela do navegador. As saídas JPEG e WebP podem ser recodificadas com uma configuração de qualidade; PNG mantém a transparência, mas pode não encolher tanto quanto os formatos fotográficos. Verifique a visualização porque o redimensionamento pode suavizar detalhes finos.

Como usar

1. Carregue uma imagem PNG, JPEG ou WebP.
2. Insira uma largura e altura alvo, bloqueie a proporção, se necessário, ou escolha uma predefinição.
3. Ajuste a qualidade JPEG/WebP, visualize o resultado e baixe a imagem redimensionada.

Quando você deve redimensionar uma imagem?

Redimensionar imagem serve para alterar dimensões, não apenas o tamanho do arquivo. É útil quando um layout, CMS, e-mail, avatar ou imagem de documentação requer largura e altura exatas em pixels.

O arquivo original permanece no seu dispositivo enquanto o navegador cria uma nova imagem de saída. Grandes reduções geralmente ficam melhores; o upscaling pode deixar uma imagem embaçada porque inventa pixels que não estavam no original.

Redimensionar com Canvas

O redimensionamento da tela desenha a imagem de origem em uma tela definida com as dimensões de destino:

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

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-resize

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-resize","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.