Zum Hauptinhalt springen

SVG-Konverter

SVG-Dateien lassen sich in Inline-SVG-Code zur direkten Einbettung in HTML konvertieren oder aus Inline-SVG-Code erstellen. Die gesamte Verarbeitung erfolgt in Ihrem Browser, ohne Upload auf den Server.

SVG → Inline-SVG

Laden Sie eine SVG-Datei hoch und erhalten Sie fertigen Inline-SVG-Code zum Einfügen in HTML.

📁

Ziehen Sie die SVG-Datei hierher.

Inline-SVG → SVG-Datei

Fügen Sie Inline-SVG-Code ein und erstellen Sie eine SVG-Datei zum Herunterladen.

Informationen zur SVG-Konvertierung

Was ist Inline-SVG?

Inline-SVG ist SVG-Code, der direkt in ein HTML-Dokument eingefügt wird. Anstatt ein Bild über ein &lt;a&gt;-Tag zu verwenden. <img> Bei CSS background-image wird der SVG-Code direkt in das HTML eingefügt, sodass er über CSS gestaltet und über JavaScript manipuliert werden kann.

Vorteile von Inline-SVG:

  • Styling via CSS: Möglichkeit, Farben, Größen und andere SVG-Eigenschaften über CSS zu ändern
  • Animation: Fähigkeit, Animationen mit CSS oder JavaScript zu erstellen.
  • Weniger HTTP-Anfragen: Es ist nicht nötig, eine separate SVG-Datei hochzuladen.
  • Skalierbarkeit: SVG skaliert ohne Qualitätsverlust auf jeder Bildschirmgröße.
  • SEO: SVG-Code kann Text enthalten, der von Suchmaschinen indexiert wird.

Anleitung:

  1. So konvertieren Sie eine SVG-Datei in Inline-Code: Laden Sie die SVG-Datei hoch, kopieren Sie den generierten Code und fügen Sie ihn in Ihr HTML ein.
  2. So konvertieren Sie Inline-SVG in eine Datei: Fügen Sie Ihren SVG-Code ein, klicken Sie auf die Schaltfläche „Konvertieren“ und laden Sie die generierte SVG-Datei herunter.

Sicherheit und Datenschutz:

Die gesamte Verarbeitung erfolgt ausschließlich in Ihrem Browser. Es werden keine Dateien auf den Server hochgeladen, wodurch die vollständige Vertraulichkeit Ihrer Daten gewährleistet ist.