Как настроить генерацию srcset для адаптивных картинок? Для ручной настройки добавьте к тегу img атрибут srcset с перечислением URL разных версий изображения и дескрипторами ширины (w) или плотности (x). В CMS вроде WordPress откройте раздел «Медиафайлы» в настройках, задайте нужные размеры, а затем установите плагин, например «EWWW Image Optimizer» — он автоматически сгенерирует srcset для всех загруженных изображений.
Важный технический нюанс: для корректной работы srcset необходимо также указывать атрибут sizes — он подсказывает браузеру, какую ширину занимает картинка в макете. Без sizes браузер будет загружать ближайшее по размеру изображение, что не всегда оптимально. Краткий чек-лист: 1) подготовьте версии изображений с разной шириной; 2) пропишите srcset с дескрипторами w; 3) добавьте sizes с медиа-условиями; 4) проверьте через инструменты разработчика, что загружается подходящий вариант.