6.14. Основи: Адаптивні Стилі зображень
Модуль ядра Drupal Responsive Image надає стилі адаптивного зображення. Це дозволяє виводити зображення на вашому сайті, які підлаштовуються під різні розміри екрану. Це корисно, наприклад, для прискорення завантаження вашого сайту на мобільних пристроях, тому що розміри зображень оптимізовані для маленьких екранів.
Адаптивний стиль зображення - це відображення стилю зображення яке залежить від точки переходу. Точки переходу - це точки, де адаптивний дизайн повинен змінюватися і реагуючи на екрани різних розмірів. Адаптивні стилі зображень можуть працювати з точками переходу, визначеними у вашій темі, або з точками переходу, визначеними в налаштуваннях стилів адаптивного зображення.
Коли стиль адаптивного зображення визначено, його можна використовувати в налаштуваннях відображення для полів зображення. Це дозволяє сайту відображати адаптивні зображення, використовуючи HTML5 picture тег або використовуючи атрибути srcset і sizes в тезі img, в залежності від того, як налаштований стиль адаптивного зображення.
Автори
Адаптовано Boris Doesborg з Responsive images, авторські права 2000-2025 за окремими вкладниками Drupal Community Documentation.
Переклав Олексій Бондаренко із Mazaltov.
Source file: structure-image-responsive.asciidoc
Help improve this page
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion
