Kategorien

WebP in WebP mit geänderter Größe konvertieren

WebP-Bilder in der Größe ändern während WebP-Format und -qualität erhalten bleiben

Click to upload file or drag and drop file here

Maximum file size: 50MB Supported formats: image/webp

Leer lassen für automatische Berechnung basierend auf Höhe und Verhältnis

Leer lassen für automatische Berechnung basierend auf Breite und Verhältnis

Hintergrundfarbe für leeren Raum. #RRGGBB Format oder "transparent" verwenden

0 90 100

Hochskalierung verhindern wenn Zieldimensionen größer als Original

Wichtige Fakten

Kategorie
Media
Eingabetypen
file, number, select, text, range, checkbox
Ausgabetyp
file
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Dieses Tool ermöglicht es Ihnen, WebP-Bilder präzise in der Größe anzupassen, während das WebP-Format sowie die gewünschte Bildqualität beibehalten werden.

Wann verwenden

  • Wenn Sie WebP-Bilder für eine Webseite optimieren und einheitliche Abmessungen benötigen.
  • Wenn Sie hochauflösende WebP-Dateien verkleinern möchten, um Ladezeiten zu verkürzen.
  • Wenn Sie Bilder auf ein bestimmtes Seitenverhältnis zuschneiden oder skalieren müssen.

So funktioniert es

  • Laden Sie Ihre WebP-Datei hoch.
  • Geben Sie die gewünschte Zielbreite oder Zielhöhe in Pixeln ein.
  • Wählen Sie eine Anpassungsmethode wie 'cover' oder 'contain' und legen Sie die Qualität fest.
  • Starten Sie den Prozess, um das skalierte WebP-Bild direkt herunterzuladen.

Anwendungsfälle

Anpassung von Produktbildern für E-Commerce-Plattformen auf ein einheitliches Format.
Erstellung von Vorschaubildern (Thumbnails) aus großen WebP-Grafiken.
Optimierung von Header-Bildern für mobile Endgeräte durch gezielte Skalierung.

Beispiele

1. Produktbild-Standardisierung

E-Commerce-Betreiber
Hintergrund
Ein Online-Shop benötigt für alle Produktbilder ein einheitliches quadratisches Format von 800x800 Pixeln.
Problem
Die hochgeladenen WebP-Rohbilder haben unterschiedliche Seitenverhältnisse und Größen.
Verwendung
Laden Sie das Bild hoch, setzen Sie Breite und Höhe auf 800px und wählen Sie 'cover' als Anpassungsmethode.
Beispielkonfiguration
width: 800, height: 800, fit: 'cover', position: 'center'
Ergebnis
Das Bild wird zentriert auf 800x800 Pixel zugeschnitten und als optimierte WebP-Datei ausgegeben.

2. Webseiten-Ladezeit optimieren

Web-Entwickler
Hintergrund
Ein Blog verwendet hochauflösende WebP-Bilder, die für die mobile Ansicht zu groß sind.
Problem
Die Bilder sollen für mobile Geräte auf eine Breite von 400px skaliert werden, ohne die Qualität zu stark zu mindern.
Verwendung
Laden Sie das Bild hoch, setzen Sie die Breite auf 400px und die Qualität auf 85.
Beispielkonfiguration
width: 400, quality: 85, withoutEnlargement: true
Ergebnis
Das Bild wird auf 400px Breite skaliert, behält das Seitenverhältnis bei und ist deutlich kleiner in der Dateigröße.

Mit Samples testen

image, file

Verwandte Hubs

FAQ

Bleibt das WebP-Format nach der Größenänderung erhalten?

Ja, das Tool verarbeitet das Bild und gibt es direkt wieder als WebP-Datei aus.

Kann ich die Bildqualität beeinflussen?

Ja, über den Regler 'WebP-Qualität' können Sie den Kompressionsgrad zwischen 0 und 100 frei wählen.

Was passiert, wenn ich nur die Breite angebe?

Das Tool berechnet die Höhe automatisch basierend auf dem ursprünglichen Seitenverhältnis, um Verzerrungen zu vermeiden.

Was bedeutet die Option 'Nicht vergrößern'?

Wenn diese Option aktiviert ist, wird das Bild nicht hochskaliert, falls die Zieldimensionen größer als das Original sind.

Welche Anpassungsmethoden stehen zur Verfügung?

Sie können zwischen 'cover', 'contain', 'fill', 'inside' und 'outside' wählen, um zu steuern, wie das Bild in den Zielrahmen eingepasst wird.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/webp-to-resized-webp

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
imageFile file (Upload erforderlich) Ja -
width number Nein Leer lassen für automatische Berechnung basierend auf Höhe und Verhältnis
height number Nein Leer lassen für automatische Berechnung basierend auf Breite und Verhältnis
fit select Nein -
position select Nein -
background text Nein Hintergrundfarbe für leeren Raum. #RRGGBB Format oder "transparent" verwenden
quality range Nein -
withoutEnlargement checkbox Nein Hochskalierung verhindern wenn Zieldimensionen größer als Original

Dateitypparameter müssen erst über POST /upload/webp-to-resized-webp hochgeladen werden, um filePath zu erhalten, dann filePath an das entsprechende Dateifeld übergeben.

Antwortformat

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Datei: Datei

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu:

{
  "mcpServers": {
    "elysiatools-webp-to-resized-webp": {
      "name": "webp-to-resized-webp",
      "description": "WebP-Bilder in der Größe ändern während WebP-Format und -qualität erhalten bleiben",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=webp-to-resized-webp",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Unterstützt URL-Dateilinks oder Base64-Codierung für Dateiparameter.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]