Redimensionner une image

Redimensionner les images aux dimensions exactes

Redimensionner une image modifie la largeur et la hauteur des pixels d'une image PNG, JPEG ou WebP sans la télécharger. Utilisez-le pour préparer des vignettes, des ressources d'application, des captures d'écran, des images de profil et des images Web nécessitant une taille spécifique.

Verrouillez le rapport hauteur/largeur lorsque l'image doit conserver ses proportions d'origine, ou déverrouillez-le lorsque vous avez intentionnellement besoin d'une forme différente. La réduction de la largeur et de la hauteur de 50% supprime 75% des pixels, ce qui rend souvent les fichiers beaucoup plus petits.

Le traitement utilise le canevas du navigateur. Les sorties JPEG et WebP peuvent être réencodées avec un paramètre de qualité ; PNG conserve la transparence mais ne peut pas rétrécir autant que les formats photographiques. Vérifiez l'aperçu car le redimensionnement peut adoucir les détails fins.

Comment utiliser

1. Téléchargez une image PNG, JPEG ou WebP.
2. Entrez une largeur et une hauteur cibles, verrouillez le rapport hauteur/largeur si nécessaire ou choisissez un préréglage.
3. Ajustez la qualité JPEG/WebP, prévisualisez le résultat, puis téléchargez l'image redimensionnée.

Quand faut-il redimensionner une image ?

Redimensionner une image permet de modifier les dimensions, pas seulement la taille du fichier. Ceci est utile lorsqu'une mise en page, un CMS, un e-mail, un avatar ou une image de documentation nécessite une largeur et une hauteur exactes en pixels.

Le fichier d'origine reste sur votre appareil pendant que le navigateur crée une nouvelle image de sortie. Les grandes échelles inférieures sont généralement plus belles ; la mise à l'échelle peut rendre une image floue car elle invente des pixels qui n'étaient pas dans l'original.

Redimensionner avec Canvas

Le redimensionnement du canevas dessine l'image source dans un canevas défini aux dimensions cibles :

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

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 flux de travail répétables de conversion, formatage, hachage et génération.

Nom de l'outil MCP: image-resize

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 erreur JSON-RPC.

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