Zum Inhalt springen

HTML in SVG umwandeln

Machen Sie aus HTML und CSS ein Bild.

Wird geladen…

Fügen Sie HTML und CSS ein – eine Karte, ein Abzeichen, ein Zitat, eine gestaltete Tabelle – und sehen Sie es sofort als SVG-Bild. Die Höhe folgt dem Inhalt, der Hintergrund kann transparent bleiben, und Sie laden das SVG oder ein scharfes PNG in doppelter oder dreifacher Größe herunter. Skripte und externe Ressourcen werden entfernt, das Bild ist also in sich geschlossen.

So können Sie HTML in SVG umwandeln

  1. Schritt 1

    Fügen Sie Ihr HTML und CSS ein.

  2. Schritt 2

    Legen Sie Breite und Hintergrund fest.

  3. Schritt 3

    Laden Sie das SVG oder PNG herunter.

Warum PhotoTools

Echtes CSS

Verläufe, Schatten, Schriften und Layouts, wie der Browser sie zeichnet.

SVG und PNG

Eine Vektordatei oder ein scharfes Bild bis 3×.

Sicher und privat

Keine Skripte, nichts wird hochgeladen.

Unterstützte Formate

Eingabe

  • HTML
  • CSS

Ausgabe

  • SVG
  • PNG

Häufige Fragen

Warum fehlen meine Bilder oder Webfonts?

Aus Sicherheits- und Datenschutzgründen kann das Bild keine Dateien von anderen Websites laden. Binden Sie Bilder und Schriften als Data-URLs ein.

Wo funktioniert das SVG?

SVG-Bilder mit HTML darin werden in allen modernen Browsern angezeigt; Designprogramme, die nur Vektorformen verstehen, zeigen den HTML-Teil eventuell nicht.

Ist das kostenlos?

Ja. Die Browser-Tools von PhotoTools sind kostenlos, unbegrenzt und funktionieren ohne Konto.

Werden meine Bilder auf einen Server hochgeladen?

Nein. Dieses Tool läuft vollständig in Ihrem Browser mit WebAssembly. Ihre Bilder verlassen Ihr Gerät nie, und nichts wird gespeichert.