Logotipo SVG pixelado en el sitio web de wordpress

Guardé mi logotipo vectorial como un archivo .SVG de Adobe Illustrator. Pero cuando lo subo a mi sitio web está pixelado. El tamaño del logotipo que quiero en mi logotipo es (125 px por 125 px), pero no puedo obtener un logotipo nítido en la pantalla de la computadora. Pero en el móvil es muy nítido.

La imagen adjunta es el encabezado de mi sitio web.

Encabezado del sitio web

El logo me parece bastante nítido. ¿Cuál es el problema?
El problema probablemente esté en la resolución de su pantalla. cambiarlo y luego ver el logotipo.
Wordpress no permite de forma nativa la carga de archivos SVG. ¿Está utilizando un complemento de terceros o editó su functions.php manualmente para permitir cargar archivos SVG en la biblioteca de medios de WP?

Respuestas (1)

Se puede obligar a WordPress a aceptar SVG como un tipo MIME (enfoque indeseable: problemas de seguridad) o se puede usar un complemento adecuado que permita el uso de SVG y los desinfecte, evitando ataques de inyección de código, etc.: uno con una buena reputación. La última vez que investigué esto fue el SVG-Sanitizer de Daryll Doyle .

A falta de hacer cualquiera de estos, WordPress rasteriza el SVG sobre la marcha en la carga inicial, por lo que se pixela fácilmente en función de la escala / zoom en el navegador y otros factores.

También tenga en cuenta que un vector SVG puro realmente no tiene dimensiones de píxel: puede controlar el envoltorio/contenedor/div en el que está encerrado, y eso se puede dimensionar por píxel o porcentaje, pero un elemento gráfico vectorial SVG puro es completamente resolución independiente y libremente escalable, de ahí la parte S de S VG .

Logotipo SVG pixelado en el sitio web de wordpress
RespuestasAquíPolítica de privacidad1y, 0v