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 пиксела на инч или по-малко. Както и поредица от усъвършенствани опции в цветовете и «размиването» на изображението.

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

Тук имате видео демонстрация как работи скуош.

Надяваме се този инструмент да ви хареса колкото нас. Пробвали ли сте го вече? Кажи ни!