Nicht-GD oder Webentwickler. Ich bin im Marketing mit begrenzten Fähigkeiten in beiden Bereichen. Wir arbeiten mit Webentwicklern zusammen (nicht mit Original-Site-Designern). Habe Schwierigkeiten, das herauszufinden.
Wir fügen unserer Website ein zusätzliches Symbol hinzu, und ich frage mich, ob es beim Speichern des SVG bestimmte Einstellungen gibt.
Das Symbol soll seine Farbe vom CSS erben. Gibt es also eine spezielle Möglichkeit, das SVG zu speichern, damit das CSS die Farbe in verschiedenen Szenarien einfach ändern kann?
Außerdem möchte ich, dass das Symbol gut in einen 61-Pixel-, 61-Pixel-Container passt (der reagiert und auf kleineren Bildschirmgrößen verkleinert wird), und ich habe gelesen, dass Sie die Breite und Höhe auf 100 % ändern können, aber ist das möglich? das beim Speichern der SVG? Als wir die unten verlinkte Datei gesendet haben, erschien sie aus irgendeinem Grund sehr klein, etwa 1 x 1 Pixel.
Und spielt es eine Rolle, welche Größe die Leinwand beim Speichern der SVG-Datei hat, wenn sie an den Container angepasst wird?
Kann ich etwas tun, um das SVG vorzubereiten, um es den Entwicklern zu erleichtern, oder sollte die SVG-Datei oben (öffnen und dann mit der rechten Maustaste klicken und den Code überprüfen) ausreichen, damit sie es implementieren können?
Das Ändern einer SVG-Füllfarbe mit CSS ist möglich, abhängig von Ihrem .svg-Format.
svg path { fill: #ffffff; }
war für mich in der Vergangenheit erfolgreich, um die Füllfarbe einer .svg-Datei zu ändern. Ich warf eine ein, !important
um sicherzustellen, dass alles funktionierte.
.svg-Dateien haben die lästige Eigenschaft, dass sie in der Größe 1x1 Pixel angezeigt werden, es sei denn, Sie geben eine Größe mit CSS an. Das Setzen von a min-width
ist hier eine gute Idee.
Um eine .svg-Datei vorzubereiten, sollten Sie sie so einfach wie möglich gestalten. Ich schlage vor, einen .svg-Optimierer zu verwenden, einige davon finden Sie hier .
Vinzenz