SVG zu Bild Konverter

Ja. SVG ist ein Vektorformat, was bedeutet, dass die Formen durch mathematische Pfade statt durch Pixel definiert sind. Wenn Sie es in ein Rasterformat wie PNG rendern, zeichnet das Tool die SVG in den exakten Pixeldimensionen, die Sie angeben. Solange Sie bei einer Größe rendern, die gleich groß oder größer ist als der Ort, an dem Sie das Bild verwenden möchten, ist die Qualität perfekt. Verwenden Sie die Scale-Einstellung, um bei 2x oder 3x für Retina/High-DPI-Bildschirme ohne sichtbare Qualitätsminderung zu rendern.

Scale multipliziert die Ausgabedimensionen. Wenn Ihre SVG eine viewBox von 100x100 Pixeln hat und Sie Scale auf 2 setzen, wird das Ausgabe-PNG 200x200 Pixel groß sein. So erzeugen Sie Bilder in Retina-Qualität: Eine 2x Skalierung bedeutet, dass jeder logische Pixel zu 4 physischen Pixeln auf einem Retina-Display wird, wodurch das Bild scharf bleibt. Für die meisten Webanwendungen ist 2x ideal. Verwenden Sie 3x nur, wenn Sie sehr große Bilder oder druckfertige Ergebnisse benötigen.

Sie können einen transparenten Hintergrund (nur PNG und WebP) verwenden oder eine feste Hintergrundfarbe über den Color Picker auswählen. Ein transparenter Hintergrund erhält alle transparenten Bereiche in Ihrer SVG und ist ideal für Icons, Logos und Illustrationen, die über anderen Inhalten liegen müssen. JPG unterstützt keine Transparenz — wenn Sie mit einer transparenten SVG zu JPG konvertieren, werden die transparenten Bereiche standardmäßig weiß.

Ja. Die Felder Width und Height ermöglichen es Ihnen, exakte Pixeldimensionen anzugeben. Standardmäßig verwendet Auto die natürlichen Dimensionen der SVG aus dem viewBox-Attribut. Die Einstellung benutzerdefinierter Dimensionen dehnt oder verkleinert die SVG, um die angegebene Größe zu füllen. Wenn Sie nur die Breite oder nur die Höhe festlegen, wird die andere Dimension proportional skaliert, um das Seitenverhältnis beizubehalten. Dies ist nützlich für die Erstellung von Thumbnails, spezifischen Social-Media-Größen oder Icon-Sets in mehreren Auflösungen aus einer einzigen SVG-Quelle.

Text, der mit Standard-Systemschriften (Arial, Helvetica, Times New Roman, monospace) gerendert wird, wird korrekt konvertiert. Text, der benutzerdefinierte Schriften verwendet, die mit @font-face oder Google Fonts URLs referenziert werden, wird möglicherweise nicht korrekt gerendert, wenn diese Schriften nicht auf Ihrem System installiert sind — der Browser ersetzt sie durch die am nächsten verfügbare Schriftart. Um Probleme mit der Schriftersetzung zu vermeiden, konvertieren Sie den Text in Pfade/Outlines in Ihrem Design-Tool (Illustrator: Type > Create Outlines, Inkscape: Path > Object to Path), bevor Sie die Konvertierung durchführen.

Ja. Wechseln Sie zum SVG Code Tab und fügen Sie Ihre SVG Markup direkt in den Editor ein. Dies ist nützlich, wenn die SVG in einer HTML-Datei eingebettet ist, von einer Bibliothek generiert wird oder aus der "Copy SVG" Funktion eines Design-Tools stammt. Klicken Sie nach dem Einfügen auf Convert und das Tool rendert diese genauso wie eine hochgeladene Datei.

Nein. Die gesamte Konvertierung findet lokal in Ihrem Browser unter Verwendung der HTML5 Canvas API statt. Der Vorgang: Ihre SVG wird auf ein Canvas-Element in den angegebenen Dimensionen gezeichnet und dann mithilfe der canvas toDataURL oder toBlob Methode zu einem Bild exportiert. Es verlassen keine Daten zu irgendeinem Zeitpunkt Ihr Gerät. Sie können sicher proprietäre Logos, vertrauliche Diagramme oder andere sensible Vektorarbeiten konvertieren.