Kategorien

← View All Tools

Bild-Abstand-Hinzufüger

Fortschrittliches Werkzeug zum Hinzufügen von Abständen zu Bildern mit mehreren Füllstrategien - transparenter Hintergrund, Spiegelung, Wiederholung oder Vollfarben

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, wie Sie Abstände auf das Bild anwenden möchten

Choose how to fill the extended area

Background color for the extended area (default: white)

Abstand für alle Seiten bei gleichmäßigem Modus

Abstand für den oberen Rand

Abstand für den rechten Rand

Abstand für den unteren Rand

Abstand für den linken Rand

Wählen Sie das Ausgabeformat oder behalten Sie das Original

Ausgabequalität für verlustbehaftete Formate (WebP, JPEG). 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 Bild-Abstand-Hinzufüger ermöglicht es Ihnen, präzise Ränder und Abstände zu Ihren Bilddateien hinzuzufügen, um sie für Web-Layouts, soziale Medien oder Druckvorlagen optimal anzupassen.

Wann verwenden

  • •Wenn Sie Bilder für ein einheitliches Seitenverhältnis oder Raster-Layouts anpassen müssen.
  • •Um Platz für Beschriftungen oder Wasserzeichen außerhalb des eigentlichen Bildmotivs zu schaffen.
  • •Wenn Sie Grafiken für Plattformen vorbereiten, die spezifische Bildränder oder Hintergrundfüllungen erfordern.

So funktioniert es

  • •Laden Sie Ihr Bild hoch und wählen Sie zwischen einem gleichmäßigen Abstand für alle Seiten oder individuellen Werten für jede Seite.
  • •Wählen Sie eine Füllstrategie wie transparenten Hintergrund, Vollfarben, Spiegelung oder Wiederholung der Bildkanten.
  • •Passen Sie bei Bedarf das Ausgabeformat und die Bildqualität an und laden Sie das bearbeitete Bild herunter.

Anwendungsfälle

Erstellung von quadratischen Vorschaubildern für Instagram aus Hoch- oder Querformat-Fotos.
Hinzufügen von weißem Rand für einen klassischen 'Polaroid-Look' bei digitalen Fotos.
Erweiterung der Arbeitsfläche für Web-Banner, um Textplatzierung außerhalb des Hauptmotivs zu ermöglichen.

Beispiele

1. Quadratisches Social-Media-Format

Social Media Manager
Hintergrund
Ein hochformatiges Foto soll für einen Feed angepasst werden, ohne das Motiv zu beschneiden.
Problem
Das Bild muss quadratisch sein, um nicht abgeschnitten zu werden.
Verwendung
Bild hochladen, 'Uniform Padding' wählen und den Abstand so einstellen, dass das Bild quadratisch wird.
Beispielkonfiguration
padMode: uniform, uniformPadding: 150, extendWith: transparent
Ergebnis
Das Bild ist nun zentriert in einem quadratischen, transparenten Rahmen eingebettet.

2. Spiegel-Effekt für Banner

Grafikdesigner
Hintergrund
Ein schmales Banner-Bild soll für eine Webseite verbreitert werden, ohne den Hintergrund zu verzerren.
Problem
Die leeren Ränder sollen natürlich wirken, statt nur eine einfarbige Fläche zu zeigen.
Verwendung
Bild hochladen, 'Individual' Modus wählen und nur links und rechts Abstände hinzufügen.
Beispielkonfiguration
padMode: individual, leftPadding: 100, rightPadding: 100, extendWith: mirror
Ergebnis
Die Ränder des Bildes werden gespiegelt nach außen fortgesetzt, was einen nahtlosen, ästhetischen Übergang schafft.

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?

Das Tool unterstützt gängige Formate wie JPEG, PNG, WebP, TIFF, GIF und BMP.

Kann ich den Hintergrund des Abstands individuell einfärben?

Ja, wählen Sie im Modus 'Solid Color Background' einfach Ihre gewünschte Farbe über den Farbwähler aus.

Was bewirkt die Spiegelungs-Option?

Die Spiegelungs-Option spiegelt die Kanten des Originalbildes in den hinzugefügten Randbereich, um einen nahtlosen Übergang zu erzeugen.

Bleibt die Transparenz bei PNG-Dateien erhalten?

Ja, wenn Sie PNG als Ausgabeformat wählen oder das Originalformat beibehalten, bleibt die Transparenz erhalten.

Gibt es eine Begrenzung für die Dateigröße?

Ja, die maximale Dateigröße für den Upload beträgt 20 MB.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/image-pad

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
imageFile file (Upload erforderlich) Ja Laden Sie eine Bilddatei hoch (JPEG, PNG, WebP, TIFF, GIF, BMP)
padMode select Ja Wählen Sie, wie Sie Abstände auf das Bild anwenden möchten
extendWith select Ja Choose how to fill the extended area
backgroundColor color Nein Background color for the extended area (default: white)
uniformPadding number Nein Abstand für alle Seiten bei gleichmäßigem Modus
topPadding number Nein Abstand für den oberen Rand
rightPadding number Nein Abstand für den rechten Rand
bottomPadding number Nein Abstand für den unteren Rand
leftPadding number Nein Abstand 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 (WebP, JPEG). Höher = bessere Qualität aber größere Datei

Dateitypparameter müssen erst über POST /upload/image-pad 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-pad": {
      "name": "image-pad",
      "description": "Fortschrittliches Werkzeug zum Hinzufügen von Abständen zu Bildern mit mehreren Füllstrategien - transparenter Hintergrund, Spiegelung, Wiederholung oder Vollfarben",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-pad",
      "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]