SVG-Logo auf WordPress-Website verpixelt

Ich habe mein Vektorlogo als .SVG-Datei von Adobe Illustrator gespeichert. Aber wenn ich es auf meine Website hochlade, ist es verpixelt. Die Größe des Logos, das ich auf meinem Logo haben möchte, beträgt (125 x 125 Pixel), aber ich kann kein scharfes Logo auf dem PC-Bildschirm erhalten. Aber auf dem Handy ist es sehr knackig.

Das beigefügte Bild ist der Header meiner Website.

Website-Kopfzeile

Das Logo sieht für mich ziemlich scharf aus. Was ist das Problem?
Das Problem liegt wahrscheinlich in der Auflösung Ihres Bildschirms. Ändern Sie es und sehen Sie dann das Logo.
Wordpress erlaubt nicht nativ das Hochladen von SVGs. Verwenden Sie ein Drittanbieter-Plugin oder haben Sie Ihre functions.php manuell bearbeitet, um das Hochladen von SVGs in die WP-Medienbibliothek zu ermöglichen?

Antworten (1)

WordPress kann entweder gezwungen werden, SVG als MIME-Typ zu akzeptieren (unerwünschter Ansatz – Sicherheitsprobleme) oder es kann ein geeignetes Plugin verwendet werden, das sowohl die Verwendung von SVGs erlaubt als auch sie bereinigt – Code-Injection-Angriffe verhindert und so weiter: eines mit einem guten Ruf Das letzte Mal, als ich mich damit befasste, war Daryll Doyles SVG-Sanitizer .

Abgesehen davon wird das SVG beim ersten Hochladen von WordPress spontan gerastert und kann daher basierend auf Skalierung / Zoomen im Browser und anderen Faktoren leicht verpixelt werden.

Denken Sie auch daran, dass ein reines Vektor- SVG nicht wirklich Pixelabmessungen hat - Sie können den Wrapper/Container/Div steuern, in dem es eingeschlossen ist, und das kann pro Pixel oder Prozentsatz skaliert werden, aber ein reines Vektor - SVG- Grafikelement ist vollständig auflösungsunabhängig und frei skalierbar - daher der S-Teil von S VG .

SVG-Logo auf WordPress-Website verpixelt
AntwortenHierDatenschutz-Bestimmungen1y, 0v