Recadrer une image

Recadrer une image

Cet outil recadre une image PNG, JPEG ou WebP directement dans votre navigateur. Déplacez ou redimensionnez la zone de recadrage, choisissez un ratio prédéfini ou saisissez des coordonnées exactes en pixels.

Le fichier original reste sur votre appareil. L export Canvas conserve PNG, JPEG ou WebP lorsque le navigateur prend en charge ce format, avec repli en PNG si nécessaire.

Le recadrage libre convient aux sélections arbitraires ; les ratios 1:1, 4:3 et 16:9 aident pour les aperçus sociaux, miniatures et documents.

Comment utiliser

1. Importez une image PNG, JPEG ou WebP.
2. Déplacez la zone de recadrage, redimensionnez-la avec les poignées, choisissez un ratio ou saisissez des valeurs exactes.
3. Réglez la qualité JPEG/WebP, vérifiez la sortie, puis téléchargez l image recadrée.

Quand recadrer une image

Recadrez des images pour retirer les bords inutiles, mettre le sujet en valeur ou respecter des ratios fixes pour les cartes, miniatures et aperçus sociaux.

Utilisez les champs numériques lorsqu un design ou un CMS exige une zone de recadrage précise en pixels.

Recadrer avec Canvas

Le navigateur utilise les coordonnées source dans Canvas drawImage :

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

Intégration MCP

MCP (Model Context Protocol) permet aux agents IA et aux applications de découvrir et d'exécuter les utilitaires Coding.Tools pour des workflows répétables de conversion, formatage, hachage et génération.

Nom de l'outil MCP: image-crop

Point de terminaison MCP: https://coding.tools/mcp

Appelez d'abord tools/list. Chaque outil inclut inputSchema, outputSchema et examples afin qu'un agent IA ou un client puisse construire des arguments valides sans deviner.

Pour tools/call, lisez result.content[0].text pour la valeur affichable et result.structuredContent pour l'analyse par programme. Les échecs d'outil renvoient isError: true ; les échecs de protocole renvoient une JSON-RPC error.

Exemple de requête 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":{}}}'

Cet outil d'image est réservé au navigateur dans MCP. tools/call ne traite pas les octets d'image locaux côté serveur ; il renvoie isError: true avec un resource_link vers l'interface Web.

La plupart des outils de texte et de données acceptent une chaîne input et des options facultatives. Les outils d'image qui dépendent des API d'image du navigateur sont listés pour la découverte et renvoient un lien vers l'interface Web si nécessaire.