інструмент

Squoosh, новий інструмент Google для оптимізації зображень

Зменшення розміру зображень перед завантаженням їх в Інтернет є одним з найважливіших аспектів мати оптимізований веб-сайт і з швидкою швидкістю завантаження. До цього часу ми використовували такі інструменти, як Photoshop, Pixlr Express, TinyPNG, Resizer ... Але Squoosh, Новий інструмент, запущений Google для зменшення розміру та ваги зображень, обіцяє зняти інші програми. Дуже схожий на TinyPN з інтерфейсом перетягування дозволяє також зменшити розмір кольорової палітри (щось ексклюзивне для Squoosh), що виводить оптимізацію зображення на інший рівень.

Покращити швидкість завантаження зображення

Squoosh націлює покращити швидкість завантаження зображення веб-сторінок, завдяки чому зображення, які завантажуються на сервер, займають якомога менше. Для цього воно включає різні компресори та техніки (зменшити кольорову палітру, розмір, якість стиснення тощо). Остаточний розмір впливає на час завантаження, а мобільні телефони також споживають "кількість даних".

Майстер-посібник 2018: Як оптимізувати та пришвидшити свій WordPress

Хоча він був створений для веб-розробників, цей інструмент може використовувати будь-який користувач.

Формати Squoosh приймає

Серед форматів, які підтримує Squoosh, ми знаходимо найпоширеніші: JPG та PNG. Але ми можемо також додати інші формати, адаптовані до веб-сторінок, такі як WebP, OptiPNG, MozJPG. У нижній правій частині інструменту ви зможете побачити оригінальний розмір зображення та вибрати формат зображення, як тільки його буде оптимізовано.

Змініть формат зображення за допомогою Squoosh

Той факт, що це дозволяє стиснення безпосередньо у формат WebP - це те, чого ви не бачите багато в інших програмах. Крім того, цей оптимізатор дозволяє в реальному часі побачити, як алгоритм стиснення Google набагато кращий за JPEG, з меншими втратами якості.

Як працює Squoosh

В Interdominios ми це протестували і працює дуже добре. В більшості випадків, зображення займають третину ніж вони зважували, і якісних змін не спостерігається.

Крок 1: Перетягніть зображення або виберіть файл.

Перетягніть або виберіть зображення, яке потрібно оптимізувати. Ви можете працювати лише по одному.

Крок 2: Редагуйте зображення

Ви можете редагувати розмір зображення за допомогою функції "змінити розмір", яка знаходиться у спадному меню праворуч.

Змінити розмір зображення в Squoosh

Крок 3: Зменште палітру кольорів

Ви можете вибрати кількість кольорів, які буде мати зображення, так що зменшення кольорової палітри зменшить вагу зображення. Ви також можете зробити це у спадному меню праворуч.

Крок 4: Стисніть вагу зображення

Squoosh також дозволяє змінювати роздільну здатність зображення, що становить 75 пікселів на дюйм або менше. А також низка вдосконалених варіантів кольорів та «затухання» зображення.

За допомогою цього інструменту ви зможете побачити оригінальне зображення (ліворуч) та те, як виглядатиме стиснене зображення (праворуч), так що ви зможете внести зміни до отримання кінцевого результату та зможете побачити, у чому переваги та недоліки використання кожного формату.

Ось у вас є відео демонстрація як працює squoosh.

Сподіваємось, вам сподобався цей інструмент так само, як нам. Ви вже пробували? Скажи нам!