Пиксельный логотип SVG на веб-сайте WordPress

Я сохранил свой векторный логотип в виде файла .SVG из Adobe Illustrator. Но когда я загружаю его на свой сайт, он пикселируется. Размер логотипа, который я хочу на моем логотипе, составляет (125 пикселей на 125 пикселей), но я не могу получить четкий логотип на экране ПК. А вот на мобилке очень четко.

Прикрепленное изображение является заголовком моего сайта.

Заголовок сайта

Логотип мне кажется довольно четким. В чем проблема?
Проблема скорее всего в разрешении экрана. измените его, а затем увидите логотип.
Wordpress изначально не позволяет загружать SVG. Используете ли вы сторонний плагин или редактировали файл functions.php вручную, чтобы разрешить загрузку SVG в медиатеку WP?

Ответы (1)

WordPress может быть либо вынужден принимать SVG как тип MIME (нежелательный подход — проблемы с безопасностью), либо можно использовать правильный плагин, который позволяет использовать SVG и очищает их — предотвращая атаки путем внедрения кода и т. д.: один с хорошей репутацией последний раз, когда я изучал это, был SVG-Sanitizer Дэрила Дойла .

Если не делать ни того, ни другого, SVG растрируется WordPress на лету при первоначальной загрузке, и поэтому легко пикселизируется на основе масштабирования/масштабирования в браузере и других факторов.

Также имейте в виду, что чистый векторный SVG на самом деле не имеет размеров в пикселях — вы можете управлять оболочкой/контейнером/div, в котором он заключен, и размер может быть указан в пикселях или процентах, но чистый векторный графический элемент SVG полностью независимое от разрешения и свободно масштабируемое — отсюда S-часть S VG .

Пиксельный логотип SVG на веб-сайте WordPress
СпросиСетьПолитика конфиденциальности1y, 0v