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

text-to-text

text-to-text

Промпт формирует технический чек-лист по оптимизации изображений: команды для форматов и SVG, responsive HTML, автоматизацию сборки, кеширование, метрики качества, анти-паттерны и рекомендации по внедрению.

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

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

Обязательная структура:
- Краткое вступление — 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 строк.