Добавляет описание работы

Author: nikolai-shabalin

README.md

@@ -71,6 +71,7 @@ v18.18.0
 - `npm run build` - создаёт папку `build` с оптимизированными файлами для продакшена
 
 ## Дополнительные команды
+- `npm run optimizeImages` - создаёт оптимизированные изображения в `source/images/`
 - `npm run preview` - посмотреть результат работы prod-версии сборки
 - `npm run lint` - запустить все проверки. Занимает длительное время
 - `npm run lint:bem` - проверить правильно использования БЭМ
@@ -136,12 +137,15 @@ _styles.scss_
 ```
 
 ## Работа с графикой
-Абсолютно всю графику складывайте в `source/images`.
+Абсолютно всю графику складывайте в `source/.raw`.
+После того как добавите графику сразу запускайте команду `npm run optimizeImages` для оптимизации графики и создания `.webp`-версии. Команду нужно запускать один раз при появлении новой графики в проекте.
+Новая оптимизированная графика появится в `source/images`.
 
 Векторную графику для спрайта складывайте в `source/images/icons/`. Автоматизация создаст из иконок файл `stack.svg`.
 
 ```bash
 ├── source/
+│   ├── .raw/
 │   ├── images/
 │   │   └── icons/
 ```
@@ -154,7 +158,9 @@ _styles.scss_
 │        └── icons       # папка для спрайта
 │            └── stack.svg # спрайт
 │        ├── bg.jpg
+│        ├── bg.webp
 │        ├── hero.png
+│        ├── hero.webp
 │        └── burger.svg
 ```