So erstellen Sie SVG-Bilder: 13 Schritte (mit Bildern)

Skalierbare Vektorgrafiken (SVG) ermöglichen weitere interaktive Elemente auf Webseiten, ohne dass eine so viel Bandbreite wie andere Bildformate wie JPEG oder GIF verwendet werden, wodurch sie ideal für das Webdesign ist. Einige digitale Illustrationsprogramme, wie Adobe Illustrator, bieten SVG-Optionen an, und es gibt Online-SVG-Konverter-Websites, die kostenlos zugänglich sind. Hier erstellen Sie, wie Sie Ihre eigenen SVG-Bilder erstellen können.

Schritte

Methode 1 von 2:

Verwenden von Convertio JPG an den SVG-Konverter

1. Öffnen Sie Ihren Webbrowser und gehen Sie zu https: // konvertio.CO / JPG-SVG /. Dies führt Sie zur Seite für ConvertiOs JPG an den SVG-Konverter, der kostenlos verwendet wird.

Bildtitel Erstellen von SVG-Bildern Schritt 2

2. Wählen Sie die Quelle für Ihr JPG-Bild aus. An der Spitze des Konverter-Menüs sollten Sie eine rote Symbolleiste sehen, die verschiedene Quellen auflistet, auf die Sie auf das Hochladen einer JPG-Bilddatei aufrufen können, die in SVG konvertiert werden soll.

Bildtitel Erstellen Sie SVG-Bilder Schritt 3

3. Navigieren Sie zu der Datei, die Sie konvertieren möchten. Sobald Sie eine Quelle ausgewählt haben, sollte ein Dialogfeld mit der Bibliothek der Ordner Ihres Computers angezeigt werden. Navigieren Sie von dort zu dem Ordner mit der Datei, die Sie konvertieren möchten, und wählen Sie die Datei aus.

Bild mit dem Titel Erstellen von SVG-Bildern Schritt 4

4. Klicken Konvertieren. Sobald die Datei hochgeladen wurde, erscheint eine rote Taste in der rechten unteren Ecke des Menübildschirms. Dadurch wird der Umwandlungsprozess gestartet, der je nach Dateigröße ein paar Minuten dauern kann.

Bildtitel Erstellen Sie SVG-Bilder Schritt 5

5. Klicken Herunterladen. Sobald die Datei fertiggestellt ist, erscheint eine blaue Schaltfläche rechts vom Dateinamen im Konverter-Menü. Sobald Sie darauf klicken, wird das Bild dann als SVG-Datei auf Ihren Computer heruntergeladen.

Methode 2 von 2:

Verwenden von Adobe Illustrator

1. Öffnen Sie Adobe Illustrator. Adobe Illustrator ist eine Grafikdesign-App, mit der Sie Ihre eigene Kunst mit einer Vielzahl von Tools und Funktionen erstellen können.

Bild mit dem Titel Erstellen von SVG-Bildern Schritt 7

2. Erstellen Sie Ihr Image. Sobald Sie Illustrator geöffnet haben, können Sie eine der Werkzeuge in der Symbolleiste auf der linken Seite des Bildschirms auswählen, um mit dem Entwerfen Ihres Bildes zu beginnen.

Bildtitel Erstellen von SVG-Bildern Schritt 8

3. Wenden Sie SVG-Effekte auf bestimmte Ebenen Ihres Bildes an. Wenn Sie Ihrem Image alle benutzerdefinierten Effekte hinzufügen möchten, können Sie eine Ebene auswählen und dann auf klicken Bewirken > SVG-Filter > SVG-Filter anwenden. Klicken Sie dann einfach auf die SVG-Filter bearbeiten Button, Bearbeiten Sie den Standardcode, und klicken Sie auf OK So speichern Sie Ihre SVG-Effekte.

Bild mit dem Titel Erstellen von SVG-Bildern Schritt 9

4. Klicken Sie auf die Registerkarte Datei. Dies befindet sich in der oberen linken Ecke des Bildschirms.

Bildtitel Erstellen Sie SVG-Bilder Schritt 10

5. Wählen Export Im Menü. Um Ihre SVG-Datei zur Anzeige und Verwendung außerhalb des Illustrators bereitzustellen, müssen Sie sie exportieren.

Sie können auch auswählen Speichern als..., Dies speichert jedoch die Datei, sodass er nur in Illustrator angezeigt und bearbeitet werden kann.

Bild mit dem Titel Erstellen von SVG-Bildern Schritt 11

6. Klicken Exportieren als.... Dies zieht ein neues Menü an, in dem Sie die Datei von Illustrator in das Format Ihrer Wahl exportieren können.

Sie können auch auswählen Export für Bildschirme... So haben Sie Ihr SVG-Bild in einer Weise gespeichert, auf die auf iOS- oder Android-Geräte zugegriffen werden kann.

Bildtitel Erstellen Sie SVG-Bilder Schritt 12

7. Wählen Svg In der Liste der Dateitypen. Illustrator bietet eine Vielzahl von Dateitypen, aus denen Sie auswählen können, einschließlich webfähiger SVG-Dateien.

Bildtitel Erstellen von SVG-Bildern Schritt 13

8. Klicken speichern. Ihr Image ist jetzt als SVG-Datei verfügbar.

So erstellen sie svg-bilder

Schritte

Tipps