Сжимайте фотографии и изображения без потери качества с помощью Squoosh

Команда Google Chrome Labs публикует Squoosh, веб-приложение, которое позволяет сжимать фотографии и изображения, даже не выходя из веб-браузера. Вот как это работает и как это использовать.

Один из аспектов, над которым Google буквально «забивается» в последнее время, — правильное управление изображениями на веб-сайтах. Скорость загрузки веб-страницы стала одним из основных параметров, который Google также использует для определения позиции в поисковой системе (мы говорили об этом, например, в наших статьях Скорость веб-сайта: насколько это важно сегодня и в Интернете). страницы с июльским фундаментальным параметром на мобильных устройствах).

Команда Google Chrome Labs разработала и опубликовала в сети полнофункциональное браузерное приложение, которое позволяет сжимать фотографии и изображения, не устанавливая ничего локально и используя самые эффективные алгоритмы сжатия, доступные на сегодняшний день.

Новый инструмент прошел крещение сквош и позволяет сжимать изображения для Интернета для публикации на любом интернет-сайте.

Работа со Squoosh очень проста: просто перетащите фотографию на экран веб-приложения или нажмите на ссылку «Выбрать изображение», чтобы выбрать его на своем устройстве.

Примечательным аспектом является то, что Squoosh также поддерживает «копирование и вставку»: вы можете скопировать в буфер обмена (CTRL + C) изображение, над которым хотите работать, а затем нажать CTRL + V, чтобы вставить его в окно браузера, в приложение Google. .

Squoosh разделит рабочее окно на две части: слева отображается исходное изображение, а справа оптимизированная версия на основе заданных настроек.

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

Squoosh позволяет сжимать изображения с использованием различных форматов и алгоритмов (OptiPNG, MozJPEG, WebP, …), а также позволяет изменять их размер, установив флажок «Изменить размер».

Чтобы уменьшить вес изображения, вы также можете ограничить цветовую палитру (окно «Уменьшить палитру») и получить доступ к расширенным настройкам для изменения хроматического качества, цветовых каналов, квантования и т. д.

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

«Ручку» в центре экрана можно двигать влево или вправо, чтобы сфокусироваться на исходном или оптимизированном изображении.

Если изображение предназначалось для публикации в Интернете, очевидно, что полезно проверить его выход, не заходя слишком далеко с уровнем масштабирования (можно изменить, нажав кнопки + и — внизу или быстрее, используя колесико мыши).

Затем сжатые файлы можно загрузить и сохранить локально, щелкнув значок в правом нижнем углу.

Прелесть в том, что Squoosh был выпущен как продукт с открытым исходным кодом: код, управляющий его работой, полностью размещено на GitHub и, следовательно, доступен для поиска и повторного использования.

Squoosh использует WebAssembly (Что такое WebAssembly и почему он используется всеми веб-браузерами), предлагая еще один хороший пример того, что можно сделать из браузера без установки каких-либо плагинов и без использования локально установленных программных компонентов.