So erstellen Sie Bilder im SVG-Format

Inhaltsverzeichnis:

So erstellen Sie Bilder im SVG-Format
So erstellen Sie Bilder im SVG-Format

Video: So erstellen Sie Bilder im SVG-Format

Video: So erstellen Sie Bilder im SVG-Format
Video: iPad/iPhone Screenshot machen: 4 Möglichkeiten | iOS Bildschirmfoto Tricks 2024, November
Anonim

Das skalierbare Vektorgrafikformat (SVG) ermöglicht es Ihnen, interaktivere Elemente auf Webseiten zu erstellen, ohne so viel Bandbreite wie andere Formate wie JPEG oder-g.webp

Schritt

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

Schritt 1. Öffnen Sie einen Webbrowser und besuchen Sie

Sie werden auf die Seite des Convertio JPG-zu-SVG-Konverters weitergeleitet, die Sie kostenlos verwenden können.

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

Schritt 2. Wählen Sie die JPG-Quelldatei aus

Oben im Menü des Konverters sehen Sie eine rote Symbolleiste mit den verschiedenen verfügbaren Quellen zum Hochladen von JPG-Dateien. Die Datei wird später in das SVG-Format konvertiert.

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

Schritt 3. Suchen Sie die Datei, die Sie konvertieren möchten

Nach Auswahl der Quelle wird ein Dialogfeld angezeigt und eine Computerordnerbibliothek erstellt. Greifen Sie in diesem Feld auf den Ordner zu, in dem die zu konvertierende Bilddatei gespeichert ist, 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üfensters. Der Konvertierungsvorgang beginnt und kann je nach Größe der Datei einige Minuten dauern.

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

Schritt 5. Klicken Sie auf Herunterladen

Nachdem die Datei konvertiert wurde, erscheint im Konvertermenü rechts neben dem Dateinamen eine blaue Schaltfläche. Klicken Sie auf die Schaltfläche, um das Bild als SVG-Datei auf Ihren Computer herunterzuladen.

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 Grafikdesignanwendung, 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 ein Bild

Sobald das Illustrator-Fenster geöffnet ist, können Sie ein beliebiges Werkzeug aus der Symbolleiste auf der linken Seite des Bildschirms auswählen, um mit dem Bilddesignprozess zu beginnen.

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

Schritt 3. Wenden Sie den SVG-Effekt auf mehrere Bildebenen an

Wenn Sie dem Bild einen eigenen Effekt hinzufügen möchten, wählen Sie die Ebene aus und klicken Sie auf „ Wirkung ” > “ SVG-Filter ” > “ SVG-Filter anwenden " Klicken Sie danach einfach auf den Button „ SVG-Filter bearbeiten “, bearbeiten Sie den Standardcode und klicken Sie auf „ OK “, um den SVG-Effekt zu speichern.

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

Schritt 4. Klicken Sie auf die Registerkarte Datei

Es 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 wählen " Speichern als… " Bei diesem Verfahren wird jedoch ein Bild gespeichert, das nur mit 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…

Es öffnet sich ein neues Menü und Sie können die Datei aus Illustrator in das gewünschte Format exportieren.

Sie können auch wählen " Für Bildschirme exportieren… “, um die SVG-Datei in einem Format zu speichern, auf das über ein iOS- oder Android-Gerät zugegriffen werden kann.

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 SVG-Dateien für das Web.

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

Schritt 8. Klicken Sie auf Speichern

Das Bild kann nun als SVG-Datei verwendet werden.

Empfohlen: