Bildgröße ändern

Passen Sie die Größe von Bildern auf exakte Abmessungen an

Bildgröße ändern ändert die Pixelbreite und -höhe eines PNG-, JPEG- oder WebP-Bildes, ohne es hochzuladen. Verwenden Sie es, um Miniaturansichten, App-Assets, Screenshots, Profilbilder und Webbilder vorzubereiten, die eine bestimmte Größe benötigen.

Sperren Sie das Seitenverhältnis, wenn das Bild seine ursprünglichen Proportionen beibehalten soll, oder entsperren Sie es, wenn Sie absichtlich eine andere Form benötigen. Durch die Reduzierung von Breite und Höhe um 50 % werden 75 % der Pixel entfernt, wodurch Dateien oft viel kleiner werden.

Die Verarbeitung erfolgt über den Browser-Canvas. Die Ausgabe von JPEG und WebP kann mit einer Qualitätseinstellung neu kodiert werden; PNG behält die Transparenz bei, schrumpft jedoch möglicherweise nicht so stark wie Fotoformate. Überprüfen Sie die Vorschau, da durch eine Größenänderung feine Details weicher werden können.

Wie zu verwenden

1. Laden Sie ein PNG-, JPEG- oder WebP-Bild hoch.
2. Geben Sie eine Zielbreite und -höhe ein, sperren Sie bei Bedarf das Seitenverhältnis oder wählen Sie eine Voreinstellung.
3. Passen Sie die Qualität von JPEG/WebP an, zeigen Sie eine Vorschau des Ergebnisses an und laden Sie dann das in der Größe geänderte Bild herunter.

Wann sollten Sie die Größe eines Bildes ändern?

Bildgröße ändern dient zum Ändern von Abmessungen, nicht nur der Dateigröße. Dies ist nützlich, wenn ein Layout, ein CMS, eine E-Mail, ein Avatar oder ein Dokumentationsbild eine genaue Pixelbreite und -höhe erfordert.

Die Originaldatei verbleibt auf Ihrem Gerät, während der Browser ein neues Ausgabebild erstellt. Große Verkleinerungen sehen normalerweise am besten aus; Durch die Hochskalierung kann ein Bild unscharf werden, da dadurch Pixel entstehen, die im Original nicht vorhanden waren.

Mit Canvas skalieren

Durch die Größenänderung der Leinwand wird das Quellbild auf eine Leinwand gezeichnet, die auf die Zielabmessungen eingestellt ist:

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-Fehler.

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.