Traditionelle Bildformate wie JPG, PNG oder GIF sind sehr beliebt, aber Sie haben Nachteile, was Ihre Verwendung weniger als ideal für bestimmte Anwendungen.
Wenn Sie erstellen Sie eine responsive website, zum Beispiel, Sie wollen Bilder, die gut Aussehen, unabhängig von der Breite und Höhe angezeigt werden. Traditionelle Bilder schlecht Aussehen, wenn Sie vergrößern, Ihnen zu viel zum Beispiel.
Sie müssen eventuell das Bild in verschiedenen Größen als gut, zum Beispiel als Vorschau auf einen blog-index-Seite, und eine volle Auflösung Bild im verlinkten Artikel.
Während Sie können erstellen Sie verschiedene Versionen eines einzigen Bildes, so dass die meisten geeignete ist abgeholt, es bedeutet, dass Sie brauchen mehr Speicher für unter anderem.
Die SVG-Bild-format ist ein Vektor-format. Dies bedeutet, dass seine Größe kann erhöht oder verringert werden, ohne einen Verlust der Qualität (Skalierbarkeit). Das ist großartig, wenn Sie brauchen, um das Bild anzuzeigen, an mehreren Orten mit unterschiedlichen Auflösungen.
Weitere Vorteile des SVG sind, dass Ihre Größe ist in der Regel viel kleiner, und es gibt Webmastern eine gewisse Flexibilität, wenn es darum geht, Veränderungen-wie es einige getan werden kann, in der CSS direkt.
Ein Beispiel: Terence Eden neu die logos der beliebten Internet-Unternehmen wie Twitter, Amazon, WhatsApp, YouTube oder Reddit in SVG. Die Größe der logos wurde reduziert auf weniger als 1 Kilobyte, manchmal so niedrig wie 200 bytes. Das Twitter-logo im PNG-format zum Beispiel hat eine Größe von 20 Kb, die SVG-version eine Größe von 397 bytes.
SVG ist ein gutes format für logos und icons, aber nicht wirklich geeignet, wenn es um Fotos und andere Arten von Bildern, die zeigen, dass viele verschiedene Objekte.
Das konvertieren in SVG
Dieser Leitfaden konzentriert sich auf Anwendungen, die Sie verwenden können, um Bilder zu konvertieren SVG direkt. Dies ist nicht ein tutorial zur Verwendung von Anwendungen entwickelt, um erstellen Sie Vektor-Grafiken von Grund auf. Sie können Vektor-Grafik-Editoren wie Adobe Illustrator (unsere keine links zu Adobe policy steht immer noch), Inkscape, oder LibreOffice Draw dafür.
Lesen Sie auch: Überprüfen Sie websites für Sicherheits-und performance-Probleme mit Sonar
Genügend gratis-Konverter sind verfügbar, Sie können online, aber Sie sind ziemlich begrenzt, wenn es um die conversion-Prozess. Während Sie möglicherweise ausreichend für die Umwandlung von einem einfachen logo steht als png-oder jpg zu svg, die Ergebnisse sind nicht super gut die meiste Zeit.
Hier ist, wie ich Sie bewertet die Leistungen: ich habe die Ghacks logo, und versucht, die Umbauten auf mehrere Dutzend SVG-Konverter. Ich richtete das Ergebnis, und verworfen, jeder Dienst, der nicht gute Ergebnisse liefern.
- Aconvert-Der service nimmt eine lokale Datei oder eine URL als input. Die einzige option, die es bietet, ist zu ändern Sie die Auflösung des Bildes. Das resultierende Bild sah aus wie die Ghacks logo, aber seine Größe war fast das doppelte der Größe der PNG-version des Logos.
- Vector Magic — zur Verfügung, wie ein online-converter und desktop-Programm für Windows. Es ist nicht jedoch frei (online kostet $7,95 pro Monat, desktop edition eine einmalige Zahlung von $295). Ergebnisse der online-Ausgabe sind groß, aber, und Sie bekommen viele Optionen zum Bearbeiten oder ändern Sie die Einstellungen, und ein side-by-side-Anzeige der original-Bild und die svg kopieren.
- Vectorizer — ein Weiterer kostenloser service. Dieses kommt mit einem Assistenten, können Sie wählen Sie die beste output-Parameter (Unschärfe, Farben), oder Sie können diese direkt. Die Ergebnisse waren gut, mit einigen Optimierungen, und die Größe des resultierenden Bildes war ein Drittel weniger als die ursprüngliche PNG-logo.
Jetzt Sie: Wissen von einem anderen online-Dienst oder-Programm zum konvertieren von Bildern in das SVG-format?