Какие существуют способы автоматической адаптации изображений под размеры документа?

Некоторые способы автоматической адаптации изображений под размеры документа:

• Использование атрибутов srcset и sizes. genius.courses Атрибут srcset позволяет указать несколько размеров изображения в одном значении. genius.courses Атрибут sizes работает вместе с srcset, чтобы сообщить браузеру, какое изображение выбрать. genius.courses
• Метод гибкого изображения. webformyself.com Позволяет вставить изображение в адаптивный макет и давать возможность растягивать или сжимать его по мере необходимости. webformyself.com
• Метод художественного направления. webformyself.com Помогает решить проблему с художественным направлением при работе с экранами разных размеров. webformyself.com Можно изменить содержимое изображения, обрезать его или использовать другое изображение в зависимости от размера экрана пользователя. webformyself.com
• Метод переключения типов. webformyself.com Используется для переключения между типами изображений, что позволяет предоставлять пользователю лучший контент в зависимости от совместимости устройства и браузера. webformyself.com

Для генерации адаптивных изображений можно использовать специальные инструменты, например Responsive Image Breakpoints Generator, lazySizes, WURFL.js. genius.courses