Как уменьшить ширину картинки для мобильной версии сайта

Используй CSS-медиазапросы для адаптации изображений под мобильные устройства. Вот пример: ```css img { max-width: 100%; height: auto; } @media (max-width: 768px) { img { max-width: 80%; /* или конкретное значение в px */ } } ``` Также можно использовать атрибут `srcset` в HTML для загрузки разных версий изображений: ```html ``` Ключевые моменты: 1. Всегда используй `max-width` вместо `width`, чтобы сохранить пропорции 2. Добавляй `height: auto` для предотвращения искажений 3. Оптимизируй изображения для мобильных устройств (меньший размер файла)