По мере развития веб-страниц их размер значительно увеличивался. Это постепенно приводило к замедлению загрузки страниц. Чтобы помочь веб-разработчикам легко оптимизировать свои страницы, Google Chrome Labs выпустила новый веб-инструмент под названием Squoosh, который может уменьшать размер, сжимать и переформатировать изображения.
Кратко продемонстрированный на Chrome Dev Summit, Squoosh имеет приоритет скорости и является в первую очередь демонстрацией новых возможностей, которые уже предоставляют последние улучшения Chrome. Например, используя WebAssembly, Squoosh может применять кодеки изображений, которые обычно недоступны в браузере.
Поддерживая различные веб-форматы, такие как MozJPEG и WebP, а также традиционные, такие как PNG, Squoosh позволяет быстро подготовить изображения к использованию в Интернете. Приложение способно выполнять визуальное сравнение 1:1 между исходным изображением и его сжатым аналогом, чтобы помочь вам понять преимущества и недостатки каждого формата.
После первого запуска Squoosh приложение может работать офлайн, выполняя всю работу непосредственно в браузере. Команда Google Chrome Labs также особенно гордится способностью Squoosh обеспечивать стабильно плавный пользовательский интерфейс, даже когда приложение выполняет ресурсоемкое изменение размера или преобразование.
Squoosh.app доступен сейчас для всех основных браузеров, включая мобильные, и, как и следовало ожидать, лучше всего работает в Chrome. Если вы хотите узнать, как был разработан Squoosh, исходный код приложения доступен на GitHub.
Еще с Chrome Dev Summit 2018: