Bild zuschneiden

Schneiden Sie ein Bild im Browser mit ziehbarem Feld, Zahlenwerten, Verhältnisvorgaben und formatbewusstem Export zu.

Bilddatei hier klicken oder ziehen

PNG, JPEG, WebP · Max. 10 MB

Zuschneiden

Steuerung

Verhältnis

Breite

Höhe

Qualität 90%

Originalgröße-

Ausgabegröße-

Zuschnittfeld-

Format-

Bild auswählen, um zu beginnen

Bild zuschneiden

Dieses Tool schneidet ein einzelnes PNG-, JPEG- oder WebP-Bild direkt im Browser zu. Ziehen oder skalieren Sie das Zuschnittfeld, wählen Sie eine Verhältnisvorgabe oder geben Sie exakte Pixelkoordinaten ein.

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.

Freier Zuschnitt eignet sich für beliebige Bereiche; Vorgaben wie 1:1, 4:3 und 16:9 helfen bei Social Previews, Thumbnails und Dokumentgrößen.

Wie zu verwenden

Laden Sie ein PNG-, JPEG- oder WebP-Bild hoch.
Ziehen Sie das Zuschnittfeld, ändern Sie die Größe an den Griffen, wählen Sie ein Verhältnis oder geben Sie genaue Werte ein.
Passen Sie die JPEG/WebP-Qualität an, prüfen Sie die Ausgabe und laden Sie das zugeschnittene Bild herunter.

Wann Bilder zugeschnitten werden

Schneiden Sie Bilder zu, um unerwünschte Ränder zu entfernen, das Motiv zu fokussieren oder feste Seitenverhältnisse für Karten, Thumbnails und Social Previews einzuhalten.

Nutzen Sie exakte Zahlenfelder, wenn ein Design oder CMS einen bestimmten Pixelzuschnitt verlangt.

Mit Canvas zuschneiden

Der Browser nutzt Quellkoordinaten in 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);

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

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