Kategorien

← View All Tools

Verlaufs-Bild-Erweiterer

Erweitert die Bildleinwand mit Verlaufshintergründen für moderne Designeffekte und sanfte Übergänge

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/jpeg, image/png, image/webp, image/tiff, image/gif, image/bmp

Laden Sie eine Bilddatei hoch (JPEG, PNG, WebP, TIFF, GIF, BMP)

Wählen Sie den Typ des Verlaufshintergrunds

Startfarbe des Verlaufs

Endfarbe des Verlaufs

Winkel für linearen Verlauf (0-360 Grad)

Erweiterung für alle Seiten

Erweiterung für den oberen Rand

Erweiterung für den rechten Rand

Erweiterung für den unteren Rand

Erweiterung für den linken Rand

Wählen Sie das Ausgabeformat oder behalten Sie das Original

Ausgabequalität für verlustbehaftete Formate (JPEG, WebP). Höher = bessere Qualität aber größere Datei

Wichtige Fakten

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

Überblick

Der Verlaufs-Bild-Erweiterer ermöglicht es Ihnen, die Leinwand Ihrer Bilder präzise zu vergrößern und den neu entstandenen Raum mit ästhetischen linearen oder radialen Farbverläufen zu füllen.

Wann verwenden

  • •Wenn Sie ein Bild für Social Media in ein anderes Format bringen müssen, ohne das Hauptmotiv zu beschneiden.
  • •Um Produktfotos oder Grafiken durch einen professionellen, farblich abgestimmten Hintergrund aufzuwerten.
  • •Wenn Sie sanfte Übergänge zwischen einem Bild und einem farbigen Hintergrund für Web-Designs benötigen.

So funktioniert es

  • •Laden Sie Ihr Bild hoch und wählen Sie zwischen einem linearen oder radialen Verlaufstyp.
  • •Definieren Sie die Start- und Endfarben sowie den gewünschten Winkel für den Verlauf.
  • •Geben Sie die gewünschte Erweiterung in Pixeln für jede Seite einzeln oder gleichmäßig an.
  • •Wählen Sie das Ausgabeformat und die Qualität, um das bearbeitete Bild direkt herunterzuladen.

Anwendungsfälle

Erstellung von passenden Hintergründen für Hochformat-Posts aus Querformat-Fotos.
Hinzufügen von Platz für Text oder Logos an den Rändern eines Bildes.
Veredelung von Produktbildern durch einen nahtlosen, farbigen Übergang zum Hintergrund.

Beispiele

1. Social Media Banner erstellen

Social Media Manager
Hintergrund
Ein Querformat-Foto soll für eine Instagram-Story im Hochformat genutzt werden, ohne das Motiv zu verzerren.
Problem
Das Bild ist zu breit und hat nicht genug Platz für den Story-Text.
Verwendung
Bild hochladen, obere und untere Erweiterung auf 300px setzen und einen linearen Verlauf wählen, der zur Markenfarbe passt.
Beispielkonfiguration
gradientType: linear, topPadding: 300, bottomPadding: 300, startColor: #4F46E5, endColor: #818CF8
Ergebnis
Das Bild ist nun zentriert in einem hochformatigen Rahmen mit einem professionellen Farbverlauf oben und unten.

2. Produktfoto-Veredelung

Hintergrund
Ein Produktfoto auf weißem Hintergrund wirkt zu schlicht für die Website.
Problem
Das Produkt soll moderner und hochwertiger präsentiert werden.
Verwendung
Bild hochladen, eine gleichmäßige Erweiterung von 50px hinzufügen und einen radialen Verlauf wählen, der das Produkt hervorhebt.
Beispielkonfiguration
gradientType: radial, uniformPadding: 50, startColor: #FFFFFF, endColor: #E5E7EB
Ergebnis
Das Produkt erhält einen dezenten, modernen Rahmen mit einem sanften radialen Lichteffekt.

Mit Samples testen

image, png, jpg
Windows C++ Bildverarbeitung Beispiele
Windows C++ Bildverarbeitungsbeispiele einschließlich Bild-Laden/Speichern, Größenänderung und Formatkonvertierung mit Windows Imaging Component
title token image
image
Web Rust Bildverarbeitungsbeispiele
Web Rust Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung
title token image
image
Bildverarbeitung macOS Objective-C - Beispiele
macOS Objective-C Bildverarbeitungsbeispiele einschließlich Bild-Lesen/Schreiben, Bild-Skalierung und Formatkonvertierung
title token image
image
Web Python Bildverarbeitung Beispiele
Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung
title token image
image

Verwandte Hubs

Image-Tools
Entdecken Sie 40 image-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.
Image-Convert-Tools
Entdecken Sie 100 image-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Welche Bildformate werden unterstützt?

Sie können JPEG, PNG, WebP, TIFF, GIF und BMP Dateien hochladen.

Kann ich die Erweiterung für jede Seite individuell festlegen?

Ja, Sie können entweder eine gleichmäßige Erweiterung für alle Seiten wählen oder die Pixelwerte für oben, unten, links und rechts separat konfigurieren.

Was ist der Unterschied zwischen linearem und radialem Verlauf?

Ein linearer Verlauf wechselt die Farbe entlang einer geraden Linie, während ein radialer Verlauf von einem Mittelpunkt aus kreisförmig nach außen strahlt.

Bleibt die Qualität meines Bildes erhalten?

Ja, Sie können die Ausgabequalität für verlustbehaftete Formate wie JPEG oder WebP auf einer Skala von 1 bis 100 selbst bestimmen.

Muss ich das Bildformat ändern?

Nein, Sie können das Originalformat beibehalten oder das Bild beim Speichern in ein anderes unterstütztes Format konvertieren.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/image-extend-gradient

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
imageFile file (Upload erforderlich) Ja Laden Sie eine Bilddatei hoch (JPEG, PNG, WebP, TIFF, GIF, BMP)
gradientType select Ja Wählen Sie den Typ des Verlaufshintergrunds
startColor color Ja Startfarbe des Verlaufs
endColor color Ja Endfarbe des Verlaufs
angle number Nein Winkel für linearen Verlauf (0-360 Grad)
uniformPadding number Nein Erweiterung für alle Seiten
topPadding number Nein Erweiterung für den oberen Rand
rightPadding number Nein Erweiterung für den rechten Rand
bottomPadding number Nein Erweiterung für den unteren Rand
leftPadding number Nein Erweiterung für den linken Rand
format select Nein Wählen Sie das Ausgabeformat oder behalten Sie das Original
quality number Nein Ausgabequalität für verlustbehaftete Formate (JPEG, WebP). Höher = bessere Qualität aber größere Datei

Dateitypparameter müssen erst über POST /upload/image-extend-gradient 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-image-extend-gradient": {
      "name": "image-extend-gradient",
      "description": "Erweitert die Bildleinwand mit Verlaufshintergründen für moderne Designeffekte und sanfte Übergänge",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-extend-gradient",
      "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]