# Squoosh: памятка по изображениям

[Открыть Squoosh](https://squoosh.app/)

| Тип | Стартовая проверка | Критичная деталь |
| --- | --- | --- |
| Фото | Сравни WebP и AVIF при подходящих размерах | Лица, волосы, небо |
| Скриншот | Сравни PNG и WebP lossless; сначала убери лишние размеры | Мелкий текст |
| Растровый логотип | Сохрани прозрачность, попробуй PNG и WebP lossless | Контуры на двух фонах |

Универсальное значение Quality здесь не задаётся: подбирай его по изображению. Сравнивай при масштабе 100% и в реальном размере на странице. Сохраняй оригинал отдельно.

Размер в пикселях подбирай с учётом ширины блока, srcset и плотности экрана. Логотип в SVG обычно разумно оставить векторным, если он подходит для текущего использования.

Промпт для поиска файлов — в PROMPT.txt. После замены открой страницу на телефоне и убедись, что обновлены ссылки на изображение.

Поддерживаемые форматы и локальная обработка: [исходный код Squoosh](https://github.com/GoogleChromeLabs/squoosh).