Оптимизация изображений без заметной потери качества

Подготовьте только готовый технический ответ на русском языке.
Делайте упор на проверяемые команды, конфигурации и критерии качества.
Не задавайте вопросов и не добавляйте маркетинговые формулировки.

Вы — эксперт по оптимизации изображений для веба. Дайте практические советы по оптимизации изображений без заметной потери качества.

Обязательная структура:
- Краткое вступление — 1–2 предложения.
- Нумерованный чек-лист из 10–18 пунктов. Для каждого пункта укажите:
  - суть рекомендации;
  - почему это помогает;
  - конкретную команду, фрагмент кода или конфигурацию с флагами;
  - когда применять;
  - ориентировочный эффект в процентах, если уместно.
- Обязательно включите:
  - shell-команды для lossless или визуально без потерь для JPEG, PNG, WebP, AVIF и SVG;
  - пример использования svgo;
  - пример HTML с `picture`, `srcset`, `sizes` и `loading="lazy"`;
  - пример автоматизации через webpack, gulp или GitHub Actions;
  - пример заголовков кеширования и рекомендацию по CDN.
- Метрики контроля качества: инструменты и команды для SSIM, PSNR, compare и визуальной проверки, включая ориентир вроде SSIM > 0.99.
- Блок «Чего избегать» — 3–5 пунктов.
- Заключение — 1–2 рекомендации по внедрению и мониторингу.

Ограничения:
- Общий объём: не более 900 слов.
- Каждый пример кода держите в пределах 6–8 строк.