Как сжать фото в Squoosh и перевести его в WebP или AVIF

Инструкция подходит для любого современного браузера на Windows, macOS и Linux. На телефоне Squoosh тоже работает, но на маленьком экране сравнивать картинки неудобно, поэтому лучше делать это на компьютере. На одно фото уходит пара минут.

Откройте картинку

Зайдите на squoosh.app. Перетащите фото из папки прямо в окно браузера или нажмите кнопку выбора файла и найдите его в проводнике. Можно также скопировать картинку и вставить её сочетанием Ctrl+V.

Файл не загружается в интернет — Squoosh открывает его внутри браузера. Если на главной странице хочется просто попробовать, можно выбрать одну из демонстрационных картинок.

Разберитесь с экраном

После открытия окно делится на две половины. Слева — оригинал, справа — то, что получится после сжатия. Вертикальный ползунок посередине можно двигать мышкой, а колесом мыши — приближать картинку. Под каждой половиной есть панель с настройками, а внизу правой панели видно вес будущего файла и сколько процентов он сэкономит.

Уменьшите размер в пикселях

Фото с телефона обычно шириной в несколько тысяч пикселей, а на сайте или в письме его показывают гораздо меньше. В правой панели включите изменение размера и задайте нужную ширину — например, 1 200 или 1 600 пикселей для большой картинки на сайте. Высота пересчитается сама, если оставить сохранение пропорций.

Этот шаг часто даёт больше экономии, чем само сжатие. Если картинка нужна в исходном размере, например для печати, пропустите его.

Выберите формат

В правой панели в списке форматов выберите, в чём сохранить результат:

• WebP — хороший выбор для сайта: заметно легче JPEG, поддерживается всеми популярными браузерами.
• AVIF — ещё легче при том же качестве, но кодируется дольше. Подходит для сайтов, где важен каждый килобайт.
• MozJPEG — обычный JPEG с хорошим сжатием. Выбирайте, если файл будут открывать в старых программах или отправлять людям, которые могут не открыть новые форматы.
• OxiPNG — для логотипов, иконок и скриншотов, где важны чёткие края и прозрачность.

Подберите качество

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

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

Удобный приём: поставьте в левой половине тот же формат, что и справа, но с другим качеством. Тогда вы сравните не оригинал с результатом, а два варианта сжатия между собой и выберете более лёгкий, если разницы между ними не видно.

Сохраните результат

Нажмите кнопку скачивания в правом нижнем углу. Файл сохранится в папку загрузок с тем же именем и новым расширением. Оригинал при этом остаётся нетронутым. Для следующей картинки вернитесь на главную страницу и откройте новый файл. Для серии похожих фото запишите удачные формат, ширину и качество, чтобы не подбирать их каждый раз с нуля.

Если пользуетесь Squoosh часто, установите его как приложение через меню браузера. Он будет открываться отдельным окном и работать даже без интернета.

Если что-то пошло не так