SVG-Bilder erstellen: 13 Schritte (mit Bildern)

Inhaltsverzeichnis:

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

Video: SVG-Bilder erstellen: 13 Schritte (mit Bildern)

Video: SVG-Bilder erstellen: 13 Schritte (mit Bildern)
Video: Bilder umwandeln konvertieren, .bmp in .jpg 2024, Kann
Anonim

Skalierbare Vektorgrafiken (SVG) ermöglichen interaktivere Elemente auf Webseiten, ohne so viel Bandbreite wie andere Bildformate wie JPEG oder-g.webp

Schritte

Methode 1 von 2: Convertio-j.webp" />
Erstellen Sie Svg-Bilder Schritt 1
Erstellen Sie Svg-Bilder Schritt 1

Schritt 1. Öffnen Sie Ihren Webbrowser und gehen Sie zu

Dies führt Sie auf die Seite für Convertios-j.webp

Erstellen Sie Svg-Bilder Schritt 2
Erstellen Sie Svg-Bilder Schritt 2

Schritt 2. Wählen Sie die Quelle für Ihr JPG-Bild aus

Oben im Konverter-Menü sollten Sie eine rote Symbolleiste sehen, die verschiedene Quellen auflistet, auf die Sie zugreifen können, um eine JPG-Bilddatei hochzuladen, die in SVG konvertiert werden soll.

Erstellen Sie Svg-Bilder Schritt 3
Erstellen Sie Svg-Bilder Schritt 3

Schritt 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 erscheinen. Navigieren Sie von dort zu dem Ordner mit der Datei, die Sie konvertieren möchten, und wählen Sie die Datei aus.

Erstellen Sie Svg-Bilder Schritt 4
Erstellen Sie Svg-Bilder Schritt 4

Schritt 4. Klicken Sie auf Konvertieren

Sobald die Datei hochgeladen wurde, erscheint eine rote Schaltfläche in der unteren rechten Ecke des Menübildschirms. Dadurch wird der Konvertierungsprozess gestartet, der je nach Dateigröße einige Minuten dauern kann.

Erstellen Sie Svg-Bilder Schritt 5
Erstellen Sie Svg-Bilder Schritt 5

Schritt 5. Klicken Sie auf Herunterladen

Sobald die Datei konvertiert wurde, erscheint rechts neben dem Dateinamen im Konverter-Menü eine blaue Schaltfläche. Sobald Sie darauf klicken, wird das Bild als SVG-Datei auf Ihren Computer heruntergeladen.

Methode 2 von 2: Verwenden von Adobe Illustrator

Erstellen Sie Svg-Bilder Schritt 6
Erstellen Sie Svg-Bilder Schritt 6

Schritt 1. Öffnen Sie Adobe Illustrator

Adobe Illustrator ist eine Grafikdesign-App, mit der Sie Ihre eigenen Grafiken mit einer Vielzahl von Werkzeugen und Funktionen erstellen können.

Erstellen Sie Svg-Bilder Schritt 7
Erstellen Sie Svg-Bilder Schritt 7

Schritt 2. Erstellen Sie Ihr Bild

Nachdem Sie Illustrator geöffnet haben, können Sie eines der Werkzeuge in der Symbolleiste auf der linken Seite des Bildschirms auswählen, um mit der Gestaltung Ihres Bildes zu beginnen.

Erstellen Sie Svg-Bilder Schritt 8
Erstellen Sie Svg-Bilder Schritt 8

Schritt 3. Wenden Sie SVG-Effekte auf bestimmte Ebenen Ihres Bildes an

Wenn Sie Ihrem Bild benutzerdefinierte Effekte hinzufügen möchten, können Sie eine Ebene auswählen und dann auf klicken Wirkung > SVG-Filter > SVG-Filter anwenden. Dann klick einfach auf SVG-Filter bearbeiten Schaltfläche, bearbeiten Sie den Standardcode und klicken Sie auf OK um Ihre SVG-Effekte zu speichern.

Erstellen Sie Svg-Bilder Schritt 9
Erstellen Sie Svg-Bilder Schritt 9

Schritt 4. Klicken Sie auf die Registerkarte Datei

Dieser befindet sich in der oberen linken Ecke des Bildschirms.

Erstellen Sie Svg-Bilder Schritt 10
Erstellen Sie Svg-Bilder Schritt 10

Schritt 5. Wählen Sie im Menü Exportieren

Damit Ihre SVG-Datei außerhalb von Illustrator angezeigt und verwendet werden kann, müssen Sie sie exportieren.

Sie können auch auswählen Speichern als…, wobei die Datei jedoch gespeichert wird, sodass sie nur in Illustrator angezeigt und bearbeitet werden kann.

Erstellen Sie Svg-Bilder Schritt 11
Erstellen Sie Svg-Bilder Schritt 11

Schritt 6. Klicken Sie auf Exportieren als…

Dadurch wird ein neues Menü geöffnet, in dem Sie die Datei aus Illustrator in das Format Ihrer Wahl exportieren können.

Sie können auch auswählen Für Bildschirme exportieren… um Ihr SVG-Bild so zu speichern, dass es auf iOS- oder Android-Geräten zugänglich ist.

Erstellen Sie Svg-Bilder Schritt 12
Erstellen Sie Svg-Bilder Schritt 12

Schritt 7. Wählen Sie SVG in der Liste der Dateitypen aus

Illustrator bietet eine Vielzahl von Dateitypen zur Auswahl, einschließlich webfähiger SVG-Dateien.

Erstellen Sie Svg-Bilder Schritt 13
Erstellen Sie Svg-Bilder Schritt 13

Schritt 8. Klicken Sie auf Speichern

Ihr Bild steht nun als SVG-Datei zur Verfügung.

Empfohlen: