Как загрузить файлы SVG в WordPress 1
Оптимизация

Как загрузить файлы SVG в WordPress

Масштабируемая векторная графика или SVG — это векторный формат изображения на основе XML, который предназначен для работы с двумерной графикой и позволяет масштабировать изображения, не ухудшая при этом их качество. Если стандартное изображение в формате JPG или PNG нельзя увеличить без пикселизации, то векторный формат позволяет поддерживать достаточно высокое качество картинки даже при изменении его размеров (в частности при его увеличении).

SVG поддерживает анимацию и различные интерактивные элементы, что позволяет широко использовать файлы в формате SVG для логотипов, иконок и т.д. По умолчанию данный формат не поддерживается WordPress, поэтому такие файлы недоступны для загрузки в медиатеку.

Как загрузить файлы SVG в WordPress 2

Это ограничение существует из-за уязвимостей безопасности, связанных с XML (к примеру XXE / XSS-атаки и пр.), которые потенциально возможны при загрузке «зараженного» файла SVG. Поэтому чтобы исключить какие-либо риски, лучше загружать данные файлы из надежных источников. Также не стоит использовать первые попавшиеся бесплатные WordPress-плагины для подключения SVG.

Safe SVG

Чтобы включить поддержку SVG, и иметь возможность свободно загружать иконки или логотипы в медиатеку WordPress, можно воспользоваться плагином Safe SVG, который активирует поддержку этого формата на вашем веб-сайте и позволяет убедиться, что загруженный файл полностью безопасен и не содержит потенциальных угроз. У плагина нет настроек, достаточно его установить и сразу начать с ним работать.

Как загрузить файлы SVG в WordPress 3

Стоит обратить внимание, что плагин Safe SVG — это инструмент, который позволяет абсолютно ВСЕМ пользователям вашего сайта загружать файлы SVG. Премиум-версия этого плагина включает возможность ограничивать загрузку файлов данного формата для разных пользователей, а также проводить дополнительную оптимизацию SVG.

Как загрузить файлы SVG в WordPress 4

SVG Support

В настройках плагина можно выбрать опцию «Ограничить администраторов», если на вашем сайте имеется несколько ролей пользователей, но вам нужно, чтобы только администратор мог загружать SVG. Также можно включить расширенный режим, если вы хотите использовать встроенный рендеринг SVG и получить ряд дополнительных функций.

Как загрузить файлы SVG в WordPress 5

Как видите, все достаточно просто.

Источник: wpdaddy.com

Вконтакте
Linkedin
Telegram
Whatsapp

Похожие статьи

Исправляем проблемы с CLS (Cumulative Layout Shift)


Нововведение Google, Core Web Vitals, поглотило мир SEO и веб-разработки, и многие сайты заняты оптимизацией своего Page Experience, чтобы повысить фактор ранжирования. Метрика Cumulative Layout Shift доставляет проблемы многим сайтам, поэтому давайте рассмотрим способы решения любых проблем с данной метрикой


Как улучшить атрибуты адаптивного изображения (sizes и srcset) в WordPress


Атрибуты адаптивного изображения (sizes и srcset) в ядре WordPress появились в версии 4.4. В этой статье мы рассмотрим, как их можно улучшить, а также добавить другие атрибуты. Изображения будут получать эти два атрибута (sizes и srcset) только в том случае, если HTML-код изображения будет получен с помощью функции wp_get_attachment_image


У этой статьи пока нет комментариев


Добавить комментарий


Ваш адрес email не будет опубликован. Обязательные поля помечены *

4 × четыре =