Über Any2SVG

Was ist Any2SVG?

Any2SVG ist ein kostenloser Bild-zu-SVG-Konverter, der Rasterbilder direkt in Ihrem Browser in skalierbare Vektorgrafiken umwandelt. Es ist kein Konto erforderlich, kein Abonnement zu bezahlen und kein Wasserzeichen auf Ihrer Ausgabedatei. Sie laden ein Bild hoch, passen bei Bedarf einige Einstellungen an und laden eine sofort einsetzbare SVG-Datei herunter.

Das Tool akzeptiert die gängigsten Rasterformate: PNG, JPG/JPEG, WebP, GIF, BMP, TIFF und AVIF mit einer Dateigrößenbeschränkung von 10 MB pro Bild. Da das Ausgabeformat SVG ist, können Sie es auf beliebige Abmessungen skalieren, ohne die Pixelierung, die beim Vergrößern eines Bitmaps auftritt.

Any2SVG ist für alle gedacht, die schnell eine Vektorversion eines Logos, Icons, einer Illustration oder Grafik benötigen. Es funktioniert am besten mit kontrastreichen Bildern und klar definierten Formen. Fotografien und Bilder mit feinen Farbverläufen werden ebenfalls konvertiert, aber das Ergebnis ist eine stilisierte Vektornäherung und keine pixelgenaue Reproduktion.

So funktioniert die Bildvektorisierung

Wenn Sie ein Bild in Any2SVG ziehen, erfolgt die Konvertierung in drei Schritten. Zunächst rendert der Browser die Quelldatei in ein HTML-Canvas-Element, wodurch das Tool Zugriff auf die rohen Pixeldaten erhält. Anschließend werden diese Pixeldaten von ImageTracer.js nachgezeichnet — einer clientseitigen JavaScript-Bibliothek, die jeden Pixel untersucht, ähnliche Farben gruppiert und Vektorpfade um jede Farbregion zeichnet.

Der Tracing-Algorithmus quantisiert das Bild in eine begrenzte Farbpalette und erzeugt dann SVG-Pfadelemente, die die Grenzen zwischen diesen Farbregionen approximieren. Gerade Kanten und kontrastreiche Übergänge ergeben saubere, präzise Pfade. Weiche Farbverläufe und fotografische Texturen führen zu komplexeren, weniger vorhersagbaren Ergebnissen.

Es ist wichtig zu verstehen, dass dieser Prozess eine Vektornäherung des Originalbildes erzeugt und keine 1:1-Reproduktion. Einfache Grafiken wie Logos, Icons und Strichzeichnungen liefern die saubersten SVGs. Komplexe Fotografien werden konvertiert, aber das Ergebnis sieht wie eine stilisierte, posterisierte Version der Vorlage aus. Weitere Informationen zum Unterschied zwischen Raster- und Vektorbildern finden Sie in unserem Leitfaden zu Rasterbilder vs. Vektorbilder.

Vektorisierungseinstellungen im Detail

Any2SVG bietet Ihnen mehrere Steuerungsmöglichkeiten, um die Interpretation Ihres Bildes durch den Tracing-Algorithmus fein abzustimmen. Das Verständnis dieser Einstellungen hilft Ihnen, die bestmögliche SVG-Ausgabe für Ihren spezifischen Anwendungsfall zu erzielen.

Farbanzahl bestimmt, wie viele unterschiedliche Farbregionen der Tracer erstellt. Weniger Farben erzeugen einfachere, kleinere SVG-Dateien mit größeren Formen. Mehr Farben erfassen feinere Details, erhöhen aber die Dateigröße und die Pfadkomplexität. Für Logos und Icons funktioniert eine niedrige Farbanzahl oft am besten.

Detailgrad steuert, wie genau die nachgezeichneten Pfade den Pixelgrenzen folgen. Höherer Detailgrad bedeutet engere Kurven und mehr Ankerpunkte, was die Genauigkeit verbessert, aber die Dateigröße erhöht. Niedrigerer Detailgrad glättet Pfade und kann Bildrauschen entfernen.

Pfadoptimierung vereinfacht die generierten Pfade durch Entfernung überflüssiger Punkte und Begradigung nahezu linearer Segmente. Höhere Optimierung erzeugt sauberere, kleinere Dateien. Koordinatengenauigkeit legt fest, wie viele Dezimalstellen die Pfadkoordinaten verwenden. Weniger Dezimalstellen bedeuten kleinere Dateien auf Kosten einer geringfügigen Positionsrundung.

Ebenenmodus bestimmt, ob Farbregionen übereinander gestapelt oder nebeneinander angeordnet werden. Weichzeichner-Vorverarbeitung wendet eine leichte Gaußsche Unschärfe auf das Rasterbild vor dem Tracing an, was Bildrauschen in Fotografien reduzieren kann. Die optionale viewBox-Einstellung ermöglicht es Ihnen, das SVG-Koordinatensystem unabhängig von den Pixelabmessungen zu definieren.

Ein guter Ausgangspunkt für Logos: Verwenden Sie weniger Farben, höhere Pfadoptimierung und moderaten Detailgrad. Für Illustrationen mit größerem Tonwertumfang erhöhen Sie die Farbanzahl und den Detailgrad.

Unterstützte Formate und Stapelkonvertierung

Any2SVG akzeptiert sieben Rasterbildformate als Eingabe: PNG, JPG/JPEG, WebP, GIF, BMP, TIFF und AVIF. Jede Datei kann bis zu 10 MB groß sein. Das Ausgabeformat ist immer SVG.

Sie können mehrere Bilder gleichzeitig im Stapelmodus konvertieren. Wählen Sie mehrere Dateien aus oder ziehen Sie sie in den Konverter, passen Sie Ihre Vektorisierungseinstellungen an und konvertieren Sie alle in einem Vorgang. Anschließend laden Sie alle Ergebnisse auf einmal als ZIP-Archiv herunter, das im Browser mithilfe der Komprimierungsbibliothek fflate erstellt wird.

Vor der Konvertierung stehen Ihnen auch Vorverarbeitungswerkzeuge zur Verfügung. Die Größenänderung ermöglicht es Ihnen, das Bild nach Breite, Höhe, exakten Abmessungen, Prozentsatz oder gängigen Bildschirmvoreinstellungen zu skalieren, mit einem optionalen Vergrößerungsschalter. Das Zuschneidewerkzeug bietet Zoom- und Seitenverhältnis-Steuerungen, einschließlich freiem Zuschnitt und einer quadratischen 1:1-Voreinstellung. Die automatische Ausrichtung liest das EXIF-Orientierungstag und dreht das Bild entsprechend, sodass mit Mobilgeräten aufgenommene Fotos vor dem Tracing korrekt angezeigt werden.

Weiterführende Leitfäden

Wir pflegen eine wachsende Bibliothek von Artikeln und Leitfäden, die Ihnen helfen, das Beste aus der Bildkonvertierung herauszuholen und die beteiligten Formate zu verstehen. Hier sind zwei Artikel, die die Informationen auf dieser Seite ergänzen:

• Bildmetadaten (EXIF): Was sie sind, Risiken und wie man sie entfernt — Erfahren Sie, welche Metadaten Ihre Fotos enthalten, warum dies ein Datenschutzrisiko sein kann und wie Sie sie vor dem Teilen oder Konvertieren entfernen.
• Rasterbilder vs. Vektorbilder — Lernen Sie den grundlegenden Unterschied zwischen pixelbasierten und pfadbasierten Grafiken kennen und erfahren Sie, warum SVG das bevorzugte Format für skalierbare Grafiken im Web ist.