6.14. Основы: Адаптивные Стили изображений

Модуль ядра Drupal Responsive Image предоставляет стили адаптивного изображения. Это позволяет вам изображения на вашем сайте, которые подстраиваются под разные размеры экрана. Это полезно, например, для ускорения загрузки вашего сайта на мобильных устройства, потому что размеры изображений оптимизированы для маленьких экранов.

Адаптивный стиль изображения - это отображение между стилями изображения и точками перехода. Точки перехода - это точки, где адаптивный дизайн должен меняться и реагировать на экраны разных размеров. Адаптивные стили изображений могут работать с точками перехода, определенными в вашей теме, или с точками перехода, определенными в настройках стилей адаптивного изображения.

Когда стиль адаптивного изображения определен, его можно использовать в настройках отображения для полей изображения. Это позволяет сайту отображать адаптивные изображения, используя HTML5 picture тег или использовать атрибуты srcset и sizes в теге img, в зависимости от того, как настроен стиль адаптивного изображения.

Раздел 6.3, «Добавление базовых полей к типу материала»

Авторы

Адаптировано Boris Doesborg от Responsive images, авторские права 2000-2025 за отдельными вкладчиками Drupal Community Documentation.

Переведено Михаил Исмайлов.