SVG-Logo in Chrome schlecht dargestellt

[whitestone]

ich möchte das Logo im SVG-Format einbinden, jedoch schaut die Dartstellung in Chrome (Mac) alles andere als schön aus. Safari und Firefox passen.
Wo könnte der Fehler liegen?
Beim Export aus Illusgtrator?
Beim Einbinden in die Seite?
Oder sonst wo?

Zum Anschauen: https://www.fiber-solution.at/logotest.html

Danke für eure Tipps

[Spooky]

Du musst zuerst erklären was genau nicht passt.

[zonky]

auf Dose sehen die Logos im FF und Chrome gleich aus - bei beiden Browsern erscheinen die Linien des oberen Logos etwas heller als bei den beiden unteren...

[zoglo]

ich möchte das Logo im SVG-Format einbinden, jedoch schaut die Dartstellung in Chrome (Mac) alles andere als schön aus. Safari und Firefox passen.
Wo könnte der Fehler liegen?
Beim Export aus Illusgtrator?
Beim Einbinden in die Seite?
Oder sonst wo?

Zum Anschauen: https://www.fiber-solution.at/logotest.html

Danke für eure Tipps

Könntest du deine MacOs Version und den verwendeten Browser + Screenshots posten?

Konnte in verschiedenen Versionen über BrowserStack keine Unstimmigkeiten sehen.

[zonky]

Ha... im Edge bewegen sich die Linien entgegen des Urzeigersinns - bei den anderen mit ihm ... ;-)

[Tim G]

auf Dose sehen die Logos im FF und Chrome gleich aus - bei beiden Browsern erscheinen die Linien des oberen Logos etwas heller als bei den beiden unteren...

Ich würd auch sagen. Das ist eine Frage der Export-Einstellungen aus Illu (oder dem verwendeten Programm). Oder oben ist das Logo quasi roh eingebunden und wird vom Browser klein skaliert und unten nach Skalierung durch den Bildprozessor. Damit können Haarlinien event. "zusammen-saugen" und der Kontrast kann sich dadurch verändern. Im Idealfall die exakte Größe exportieren. Ich kann allerdings nicht sagen, dass die Darstellung in Chrome schlecht wäre.

Die Bilder, die durch den Bildprozessor gelaufen sind, sehen "kontrastreicher" aus als die rohe Datei. (die Schrift aber auch etwas gröber, wenn man sehr genau schaut, finde ich.)

Ich hab mal einfach die Bildquellen getauscht.

screenshot_764.jpgscreenshot_765.jpg

[Franko]

Grundsätzlich setze ich in Illustrator die »Dezimalstellen« bei .svg "Export" bzw. "Speichern unter (mehr Optionen)" immer höher: >=2
Evtl. hilft dies auch in deinem Beispiel.

[whitestone]

Danke für die vielen Antworten

Screenshot wie es in "meinem" Chrome (Version 114.0.5735.90 MacOs High Sierra) aussieht - siehe Anhang

- Export aus Illustrator mit 2 Dezimalstellen
- Export mit 300px - in der gleichen Größe ist es auch eingebunden

Wird wahrscheinlich dann an meinem alten MacOs bzw. dann dessen Chrome-Version liegen.
Wird also Zeit für eine neuen Rechner