SVG Bilder erstellen

PDF download PDF herunterladen
unter Mitarbeit von wikiHow Staff

PDF download PDF herunterladen

Scalable Vector Graphics (SVG) ermöglichen interaktivere Elemente auf Webseiten, ohne zu viel Bandbreite in Anspruch zu nehmen, wie dies beispielsweise bei anderen Bildformaten wie JPEG oder GIF der Fall ist. Dadurch sind sie ideal fürs Webdesign. [1] Einige digitale Illustrationsprogramme wie beispielsweise Adobe Illustrator bieten SVG-Optionen und es gibt kostenlos zugängliche Webseiten zur Konvertierung von SVG-Dateien. In diesem wikiHow zeigen wir dir, wie du deine eigenen SVG-Bilder erstellst.

Methode 1
Methode 1 von 2:

Mit JPG to SVG Converter von Convertio

PDF download PDF herunterladen
  1. Öffne deinen Browser und gehe auf https://convertio.co/jpg-svg/ . Dies bringt dich auf die Seite "JPG to SVG Converter" von Convertio, welche kostenlos nutzbar ist.
  2. Oben im Converter-Menü solltest du eine rote Toolbar mit verschiedenen Quellen sehen, auf die du zugreifen kannst, um eine JPG-Datei zur Umwandlung ins Dateiformat SVG hochzuladen.
  3. Sobald du eine Quelle ausgewählt hast, sollte ein Dialogfenster mit der Bibliothek der Ordner auf deinem Computer eingeblendet werden. Navigiere von hier aus zum Ordner mit der Datei, die du umwandeln möchtest, und markiere sie.
  4. Sobald die Datei hochgeladen wurde, wird rechts unten in der Menü-Anzeige ein roter Button eingeblendet. Dies startet die Konvertierung, was je nach Größe der Datei ein paar Minuten dauern kann.
  5. Sobald die Datei umgewandelt wurde, wird im Converter-Menü rechts neben dem Dateinamen ein blauer Button eingeblendet. Sobald du ihn angeklickt hast, wird das Bild als SVG-Datei auf deinen Computer heruntergeladen.
    Werbeanzeige
Methode 2
Methode 2 von 2:

Mit Adobe Illustrator

PDF download PDF herunterladen
  1. Adobe Illustrator ist ein Grafikdesign-Programm, mit dem du mit verschiedenen Tools und Funktionen selbst Kunstwerke erstellen kannst.
  2. Wenn du Illustrator geöffnet hast, kannst du die Tools links auf dem Bildschirm auswählen, um mit dem Gestalten deines Bilds zu beginnen.
  3. Wenn du deinem Bild individuelle Effekte hinzufügen möchtest, kannst du eine Ebene auswählen und dann auf Effekt > SVG-Filter > SVG-Filter anwenden klicken. Klicke dann einfach auf den Button SVG-Filter bearbeiten , bearbeite den Standard-Code und klicke auf OK , um die SVG-Effekte zu speichern.
  5. Um deine SVG-Datei zur Ansicht und Nutzung außerhalb von Illustrator bereitzuhalten, musst du sie exportieren.
    • Du kannst auch auf Sichern als... gehen, auch wenn dies die Datei speichert, so dass sie nur in Illustrator betrachtet und bearbeitet werden kann.
  6. Dies blendet ein neues Menü ein, in dem du die Datei aus Illustrator in das Format deiner Wahl exportieren kannst.
    • Du kannst auch Für Bildschirme exportieren... auswählen, damit das SVG-Bild auf eine Art und Weise gesichert wird, die du auf iOS- oder Android-Geräten aufrufen kannst.
  7. Illustrator bietet dir verschiedene Dateitypen zur Auswahl, einschließlich "web-ready" SVG-Dateien.
  8. Dein Bild ist jetzt als SVG-Datei nutzbar.
    Werbeanzeige

Verwandte wikiHows

Die Hintergrundfarbe in Adobe Illustrator ändern
Mit MS Paint Farben umkehren
Transparenz in Photoshop einfügen
Hast du ein schiefes Lächeln? Hier findest du Tipps, was du dagegen tun kannst
Schriftarten zu Illustrator hinzufügen
Mit GIMP ein transparentes Bild erstellen
Eine Collage machen
NEF Dateien in Photoshop öffnen
Objekte in Photoshop drehen
Einen Hintergrund mit Photoshop Elements entfernen
In Adobe Illustrator ein Loch in ein Objekt schneiden
Einen Kreis mit Grafik Software in sechs gleiche Teile aufteilen
Werbeanzeige

Referenzen

  1. ↑ https://helpx.adobe.com/illustrator/using/svg.html

Über dieses wikiHow

In anderen Sprachen
Diese Seite wurde bisher 7.277 mal abgerufen.

War dieser Artikel hilfreich?

Werbeanzeige