Bildgröße ändern

Bildgröße ändern

Dieses Tool skaliert ein einzelnes PNG-, JPEG- oder WebP-Bild direkt im Browser. Legen Sie exakte Maße fest, skalieren Sie prozentual oder nutzen Sie gängige Vorgaben und prüfen Sie die Ausgabe vor dem Download.

Die Originaldatei bleibt auf Ihrem Gerät. Der Canvas-Export behält PNG, JPEG oder WebP bei, wenn der Browser das Ausgabeformat unterstützt, andernfalls wird PNG verwendet.

Mit dem Qualitätsregler für JPEG und WebP steuern Sie das Verhältnis aus Bildqualität und Dateigröße.

Wie zu verwenden

1. Laden Sie ein PNG-, JPEG- oder WebP-Bild hoch.
2. Geben Sie Zielbreite und Zielhöhe ein, sperren Sie bei Bedarf das Seitenverhältnis oder wählen Sie eine Vorgabe.
3. Passen Sie die JPEG/WebP-Qualität an, prüfen Sie die Vorschau und laden Sie das skalierte Bild herunter.

Wann Bilder skaliert werden

Skalieren Sie Bilder für Websites, App-Assets, E-Mail-Anhänge, Profilbilder, Thumbnails und Dokumentations-Screenshots.

Bei transparenten Grafiken erhält PNG die Transparenz. Für Fotos erzeugen JPEG oder WebP mit Qualitätsregler meist kleinere Dateien.

Mit Canvas skalieren

Der Browser nutzt Canvas drawImage mit Zielbreite und Zielhöhe:

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

MCP (Model Context Protocol) ermöglicht KI-Agenten und Apps, Coding.Tools-Werkzeuge zu entdecken und für wiederholbare Konvertierungs-, Formatierungs-, Hashing- und Generierungsabläufe auszuführen.

MCP-Toolname: image-resize

MCP-Endpunkt: https://coding.tools/mcp

Rufen Sie zuerst tools/list auf. Jeder Tool-Eintrag enthält inputSchema, outputSchema und examples, damit ein KI-Agent oder Client gültige Argumente ohne Raten erstellen kann.

Bei tools/call lesen Sie result.content[0].text für den Anzeigewert und result.structuredContent für maschinelles Parsen. Tool-Fehler liefern isError: true; Protokollfehler liefern einen JSON-RPC error.

Beispiel für eine tools/call-Anfrage:

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":{}}}'

Dieses Bildtool ist in MCP nur im Browser nutzbar. tools/call verarbeitet keine lokalen Bildbytes auf dem Server, sondern gibt isError: true plus einen resource_link zur Weboberfläche zurück.

Die meisten Text- und Datentools akzeptieren eine input-Zeichenkette sowie optionale options. Bildtools, die Browser-Bild-APIs benötigen, werden zur Erkennung aufgelistet und geben bei Bedarf einen Link zur Weboberfläche zurück.