Kategorien

← View All Tools

PNG in SVG konvertieren

PNG-Bilder in SVG-Format konvertieren unter Verwendung eingebetteter Bilddaten (Trace-Simulation)

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/png

Wichtige Fakten

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

Überblick

Mit diesem Tool konvertieren Sie PNG-Bilddateien schnell und einfach in das skalierbare SVG-Format, wobei Sie zwischen verschiedenen Methoden wie eingebetteten Daten oder Vektor-Tracing wählen können.

Wann verwenden

  • •Wenn Sie ein Rasterbild für die Verwendung in responsiven Webdesigns in ein verlustfrei skalierbares Vektorformat umwandeln müssen.
  • •Wenn Sie Logos oder einfache Grafiken für den Druck oder die digitale Anzeige ohne Qualitätsverlust vergrößern möchten.
  • •Wenn Sie eine SVG-Datei benötigen, die ein PNG-Bild als Basis für weitere vektorbasierte Bearbeitungen enthält.

So funktioniert es

  • •Laden Sie Ihre PNG-Datei über das Auswahlfeld hoch.
  • •Wählen Sie die gewünschte Konvertierungsmethode aus, wie z. B. eingebettete Bilder oder Vektor-Tracing (Potrace/ImageTracerJS).
  • •Passen Sie bei Bedarf die Zielgröße oder die Bildqualität an.
  • •Starten Sie den Prozess und laden Sie die fertige SVG-Datei direkt herunter.

Anwendungsfälle

Vorbereitung von Web-Grafiken für eine scharfe Darstellung auf hochauflösenden Retina-Displays.
Umwandlung von einfachen Icons in Vektoren für die Verwendung in CSS- oder SVG-Animationen.
Skalierung von kleinen PNG-Logos für großformatige Drucke ohne Pixelbildung.

Beispiele

1. Logo für Website-Header optimieren

Webdesigner
Hintergrund
Ein Firmenlogo liegt nur als PNG vor und wirkt auf hochauflösenden Bildschirmen unscharf.
Problem
Das Logo soll ohne Qualitätsverlust in verschiedenen Größen auf der Website angezeigt werden.
Verwendung
PNG-Datei hochladen, Methode 'Potrace' wählen und konvertieren.
Ergebnis
Das Logo liegt nun als Vektorgrafik vor und bleibt bei jeder Skalierung gestochen scharf.

2. Icon-Set für App-Entwicklung

App-Entwickler
Hintergrund
Ein Set aus PNG-Icons muss in ein SVG-Format überführt werden, um Speicherplatz zu sparen und die Performance zu verbessern.
Problem
Manuelle Vektorisierung ist zu zeitaufwendig.
Verwendung
PNG-Datei hochladen, Methode 'ImageTracerJS' wählen und Zielbreite auf 64px setzen.
Ergebnis
Die Icons wurden effizient in SVGs umgewandelt und sind nun direkt in der App-Oberfläche einsetzbar.

Mit Samples testen

image, png, svg
SVG Beispiele
Beispiele für skalierbare Vektorgrafiken (SVG), die verschiedene SVG-Funktionen und -Techniken demonstrieren
title token svg
image
PNG Beispiele
PNG-Bildbeispiele in verschiedenen Seitenverhältnissen und Auflösungen
title token png
image
Web Python Bildverarbeitung Beispiele
Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung
preferred input family image
image
Web Go Bildverarbeitungsbeispiele
Web Go Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung
preferred input family image
image

Verwandte Hubs

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

FAQ

Was ist der Unterschied zwischen eingebetteten Bildern und Vektor-Tracing?

Eingebettete Bilder betten das PNG in den SVG-Container ein, während Vektor-Tracing das Bild in echte Vektorpfade umwandelt.

Kann ich die Größe des SVG-Bildes festlegen?

Ja, Sie können im Tool eine spezifische Zielbreite und -höhe in Pixeln definieren.

Bleibt das Seitenverhältnis bei der Konvertierung erhalten?

Ja, standardmäßig ist die Option zum Beibehalten des Seitenverhältnisses aktiviert.

Gibt es eine Dateigrößenbeschränkung für den Upload?

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

Ist die Konvertierung in SVG verlustfrei?

Das hängt von der Methode ab; Vektor-Tracing kann Details vereinfachen, während eingebettete Bilder die Originalqualität beibehalten.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/png-to-svg

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
imageFile file (Upload erforderlich) Ja -
method select Nein -
width number Nein -
height number Nein -
quality number Nein -
preserveAspectRatio checkbox Nein -

Dateitypparameter müssen erst über POST /upload/png-to-svg 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-png-to-svg": {
      "name": "png-to-svg",
      "description": "PNG-Bilder in SVG-Format konvertieren unter Verwendung eingebetteter Bilddaten (Trace-Simulation)",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=png-to-svg",
      "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]