Du bist nicht angemeldet.

Marcus Gräfe

Administrator

  • »Marcus Gräfe« ist männlich
  • »Marcus Gräfe« ist der Autor dieses Themas

Beiträge: 5 249

Dabei seit: 14. August 2002

Wohnort: Düsseldorf

Hilfreich-Bewertungen: 384

  • Private Nachricht senden

1

Dienstag, 7. Januar 2020, 19:36

SVG mit transparentem Hintergrund aus Adobe Illustrator CS6 exportieren

Ich möchte aus Adobe Illustrator CS6 ein SVG mit transparentem Hintergrund exportieren. Leider ist der Hintergrund nämlich komplett weiß. Das sehe ich, wenn das Bild in einer Website eingebunden ist.

Ich dachte zunächst daran, dass es die weiße Zeichenfläche ist, aber ich habe nun gelesen, dass die Zeichenfläche gar nicht wirklich existiert, sondern nur für die Vorschau ist. Somit kann das nicht der Grund sein, oder doch? Falls ja, wie bekomme ich die transparent? Laut der Anleitung unter https://passportbydesign.com/2018/06/tra…be-illustrator/ gibt es dafür eine Option, aber die gibt es bei mir nicht (den Menüpunkt ja, die Option darin nein).

Mein Vorgehen war (vielleicht ist da irgendwo ein Fehler):

- Anlegen der Grafik mit Photoshop (nur mit Vektoren gearbeitet)
- Speichern als Photoshop-EPS
- Import des EPS in Illustrator, Zeichenfläche auf Bild anpassen, speichern als .ai
- Export aus AI als SVG
- Einbetten in HTML-Code

Bevor Fragen kommen, warum nicht direkt mit Illustrator: Ich kenne mich damit nicht aus. ;)

Tiger

Registrierter Benutzer

Beiträge: 474

Dabei seit: 7. August 2016

Hilfreich-Bewertungen: 112

  • Private Nachricht senden

2

Dienstag, 7. Januar 2020, 20:10

SVG hat normalerweise keinen Hintergrund außer Illustrator fügt ein weißes Rechteck ein (oder schon Photoshop). Mit AI kenne ich mich ebenfalls nicht aus, ich nutze für solche Aktionen Inkscape (kost nix). Mach die Datei doch mal damit auf und lösche ggf. den Hintergrund raus. Mit Inkscape lassen sich SVGs ohne Hintergrund speichern, mache ich oft zum plotten.

Alternativ kann man SVG auch mit dem Texteditor hacken, ist einigermaßen lesbar nur nicht so richtig spaßig :D

Es hat bereits 1 registrierter Benutzer diesen Beitrag als hilfreich eingestuft.

Benutzer, die diesen Beitrag hilfreich fanden:

Marcus Gräfe

Marcus Gräfe

Administrator

  • »Marcus Gräfe« ist männlich
  • »Marcus Gräfe« ist der Autor dieses Themas

Beiträge: 5 249

Dabei seit: 14. August 2002

Wohnort: Düsseldorf

Hilfreich-Bewertungen: 384

  • Private Nachricht senden

3

Mittwoch, 8. Januar 2020, 14:58

Danke, ich habe es nun rausgefunden.

Warum auch immer, aber die letzte von mehreren Ebenen innerhalb der .ai-Datei war tatsächlich ein weißes Rechteck. Nachdem ich das ausgeschaltet habe, war das SVG transparent.

Social Bookmarks