Разговоры о новых стандартах HTML5, таких как свойство srcset
и элемент <
picture
>
, а также серверные методы, такие как Адаптивный веб-дизайн + Серверные компоненты (RESS) привели к тому, что многие люди пришли к заключению о невозможности простых, статических веб-сайтов поддерживать адаптивные изображения. Следует отметить, что данное заключение может быть преждевременным. Существует достаточно простой способ создания адаптивных изображений, который поддерживается всеми современными веб-браузерами: фоновые изображения CSS.
Однако и у этого подхода есть некоторые ограничения, и он работает не во всех случаях. В случае если ваши требования не слишком сложны, и вы готовы приложить дополнительные усилия по обеспечению доступности изображений, фоновые изображения CSS могут стать именно тем, в чем вы нуждаетесь.