[GastForen Programme Print/Bildbearbeitung Adobe InDesign Platzierte SVGs mit schwarzem Hintergrund - Abhilfe

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Print/Bildbearbeitung - Photos, Layout, Design
Themen
Beiträge
Moderatoren
Letzter Beitrag

Platzierte SVGs mit schwarzem Hintergrund - Abhilfe

Rudix
Beiträge gesamt: 42

8. Apr 2021, 09:35
Beitrag # 1 von 6
Bewertung:
(3017 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Falls sich schonmal jemand gewundert hat, warum manche platzierte SVG-Dateien einen komplett schwarzen Hintergrund haben:

Die Ursache ist das "style"-Attribut mit dem "background-color"-Attributwert im SVG, das manche exportierende Systeme einfügen, richtigerweise einschließlich der Transparenzangabe, also z.B. so:

Code
<svg width="232px" height="440px" viewBox="0 0 232 440" style="background-color: #ffffff00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" > 


Mit dieser Angabe kommt InDesigns SVG-Importfilter offenbar nicht zurecht.

Abhilfe: Mit einem "ordentlichen" Texteditor in einer oder gleich in mehreren SVG-Dateien ein gezieltes Suchen/Ersetzen durchführen.

Es reicht dabei allerdings nicht, die Transparenzangabe hinauszubereinigen, sodass also nur noch "ffffff" stehen bleibt. Dann nämlich hat das Bild tatsächlich ein Papier-farbenen Hintergrund - wie etwa ein JPG.

Möchte man einen transparenten Hintergrund, bereinigt man einfach das gesamte style-Attribut hinaus. Dann klappt das direkte Platzieren in InDesign wie erwartet.

Falls dieses Phänomen nur unter Windows und nicht unter MAC OS auftaucht, bitte ich hier um entsprechende Ergänzung.
X

Platzierte SVGs mit schwarzem Hintergrund - Abhilfe

drerol74
Beiträge gesamt: 490

8. Apr 2021, 12:56
Beitrag # 2 von 6
Beitrag ID: #579419
Bewertung:
(2931 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Rudix,

hier am Mac das gleiche Verhalten. »transparent« als Attributwert wird von InDesign aber akzeptiert.



Schöne Grüße
Roland


als Antwort auf: [#579411]
Anhang:
svg_background-color.jpg (187 KB)

Platzierte SVGs mit schwarzem Hintergrund - Abhilfe

Rudix
Beiträge gesamt: 42

8. Apr 2021, 13:22
Beitrag # 3 von 6
Beitrag ID: #579420
Bewertung:
(2913 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Roland,

vielen Dank für die Info. Hast du deine Kreise mit einer Fläche definiert oder nur als Kontur?

Wie erhältst du z.B. das im Screenshot gezeigte erwartete Ergebnis?



- ganz ohne style-Tag;
- mit style = background-color: ffffff00

Viele Grüße
Rudi


als Antwort auf: [#579419]
Anhang:
circle.png (13.4 KB)

Platzierte SVGs mit schwarzem Hintergrund - Abhilfe

drerol74
Beiträge gesamt: 490

8. Apr 2021, 14:12
Beitrag # 4 von 6
Beitrag ID: #579421
Bewertung:
(2886 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Antwort auf: Hast du deine Kreise mit einer Fläche definiert oder nur als Kontur?


Über fill:

Code
style="fill:#000000;" 



Funktioniert hier bei mir aber auch mit stroke wir bei dir:

Code
style="fill:none; stroke:#000000; stroke-width:10;" 


Schöne Grüße
Roland


als Antwort auf: [#579420]

Platzierte SVGs mit schwarzem Hintergrund - Abhilfe

Stibi
Beiträge gesamt: 815

8. Apr 2021, 17:23
Beitrag # 5 von 6
Beitrag ID: #579422
Bewertung:
(2834 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Wenn ich in obigem Code das
Code
style="background-color: #ffffff00" 


ersetze durch
Code
style="background-color: none" 

wird es bei mir auf Mac transparent.

---------------------
MAC OSX 10.14.6
MacBook Pro 15"

MAC OSX 10.14.6
Mac Mini

Notizen zu InDesign

EasyCatalog Podcasts, derzeit nicht verfügbar, leider, Fortsetzung hier


als Antwort auf: [#579411]

Platzierte SVGs mit schwarzem Hintergrund - Abhilfe

Rudix
Beiträge gesamt: 42

8. Apr 2021, 18:39
Beitrag # 6 von 6
Beitrag ID: #579423
Bewertung:
(2814 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Stibi,

vielen Dank - das funktioniert unter Windows ebenfalls.

Viele Grüße
Rudi


als Antwort auf: [#579422]
X

Aktuell

InDesign / Illustrator
ScreenShot 274 Warum Templates in InDesign benutzen_ - Satzkiste in Stuttgart - Satz und technische Umsetzung - Google Chrome (300x300 HilfDirSelbst)

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/