So konvertieren Sie JPG- und PNG-Bilder in SVG

Herkömmliche Bildformate wie JPG, PNG oder GIF sind sehr beliebt, haben jedoch Nachteile, die ihre Verwendung für bestimmte Anwendungen ungeeignet machen.

Wenn Sie beispielsweise eine responsive Website erstellen, möchten Sie Bilder, die unabhängig von Breite und Höhe gut aussehen. Herkömmliche Bilder sehen schlecht aus, wenn Sie sie beispielsweise zu stark vergrößern enlarge.

Möglicherweise müssen Sie das Bild auch in verschiedenen Größen anzeigen, zum Beispiel als Miniaturansicht auf der Indexseite eines Blogs und als Bild in voller Auflösung im verlinkten Artikel.

Sie können zwar verschiedene Versionen eines einzelnen Bildes erstellen, um die am besten geeignete auszuwählen, aber Sie benötigen unter anderem dafür mehr Speicherplatz.

Das SVG-Bildformat ist ein Vektorformat. Dadurch kann die Größe ohne Qualitätsverlust verkleinert oder vergrößert werden (skalierbar). Das ist großartig, wenn Sie das Bild an mehreren Stellen mit unterschiedlichen Auflösungen anzeigen müssen.

Andere Vorteile des SVG sind, dass seine Größe normalerweise viel kleiner ist und dass es Webmastern eine gewisse Flexibilität gibt, wenn es darum geht, Änderungen daran vorzunehmen, da einige direkt in CSS vorgenommen werden können.

Ein Beispiel: Terence Eden hat die Logos beliebter Internetunternehmen wie Twitter, Amazon, WhatsApp, YouTube oder Reddit in SVG nachgebildet. Die Größe der Logos wurde auf weniger als 1 Kilobyte reduziert, manchmal sogar auf 200 Bytes. Das Twitter-Logo im PNG-Format hat beispielsweise eine Größe von 20 Kilobyte, die SVG-Version eine Größe von 397 Byte.

SVG ist ein gutes Format für Logos und Icons, aber nicht wirklich geeignet für Fotos und andere Arten von Bildern, die viele verschiedene Objekte zeigen.

Konvertieren in SVG

Dieses Handbuch konzentriert sich auf Anwendungen, mit denen Sie Bilder direkt in SVG konvertieren können. Dies ist kein Tutorial zur Verwendung von Anwendungen, die entwickelt wurden, um Vektorgrafiken von Grund auf neu zu erstellen. Sie können dafür Vektorgrafik-Editoren wie Adobe Illustrator verwenden (unsere keine Links zu Adobe-Richtlinien stehen noch), Inkscape oder LibreOffice Draw.

LibreOffice Draw

Für Windows

Es gibt viele kostenlose Konverter, die Sie online ausführen können, aber sie sind ziemlich begrenzt, wenn es um den Konvertierungsprozess geht. Sie können zwar ausreichen, um ein einfaches Logo, das als PNG- oder JPG-Datei verfügbar ist, in SVG umzuwandeln, aber die Ergebnisse sind meistens nicht besonders gut good.

So habe ich die Dienste bewertet: Ich habe das Ghacks-Logo heruntergeladen und die Konvertierungen auf mehreren Dutzend SVG-Konvertern ausprobiert. Ich habe das Ergebnis beurteilt und alle Dienste verworfen, die keine guten Ergebnisse lieferten.

• Aconvert – Der Dienst verwendet eine lokale Datei oder eine URL als Eingabe. Die einzige Möglichkeit, die es bietet, besteht darin, die Auflösung des Bildes zu ändern. Das resultierende Bild sah aus wie das Ghacks-Logo, aber seine Größe war fast doppelt so groß wie die PNG-Version des Logos.
• Vector Magic -- Verfügbar als Online-Konverter und Desktop-Programm für Windows. Es ist jedoch nicht kostenlos (online kostet $7.95 pro Monat, Desktop-Edition eine einmalige Zahlung von $295). Die Ergebnisse der Online-Ausgabe sind jedoch großartig, und Sie erhalten viele Optionen zum Bearbeiten oder Ändern von Einstellungen sowie eine Anzeige des Originalbilds und der SVG-Kopie nebeneinander.
• Vectorizer -- Ein weiterer kostenloser Service. Dieser kommt mit einem Assistenten, mit dem Sie die besten Ausgabeparameter (Unschärfe, Farben) auswählen können, oder Sie können diese direkt einstellen. Die Ergebnisse waren mit einigen Optimierungen gut und die Größe des resultierenden Bildes war ein Drittel kleiner als das ursprüngliche PNG-Logo.

Vektormagie

Für Windows

Jetzt du: Kennen Sie einen anderen Online-Dienst oder ein Programm zum Konvertieren von Bildern in das SVG-Format?