Google Squoosh - безплатен онлайн инструмент, за който малко хора знаят

На всеки сайт с цел оптимизация за търсачките е необходимо да се оптимизират изображенията. В статията ще Ви покажем един малко известен, но силно подценяван БЕЗПЛАТЕН инструмент, разработка на Google. С него веднага ще отговорим на три въпроса - Как да оптимизирате изображенията правилно? Какво да използвате? Ами ако нямате достатъчни ресурси за извършване на работата?

SEO и оптимизация на изображения

Алгоритмите за търсене отчитат скоростта на зареждане на страницата при класиране. Следователно оптимизацията на картинките пряко влияе върху класирането на страниците в резултатите от търсенето.

Google измерва потребителското преживяване чрез трите Core Web Vitals показателя:

• Largest Contentful Paint (LCP) - скорост на зареждане на основното съдържание
• Interaction to Next Paint (INP) - отзивчивост при взаимодействие (замени First Input Delay през март 2024 г.)
• Cumulative Layout Shift (CLS) - визуална стабилност

Largest Contentful Paint отчита скоростта на изобразяване на съдържанието на първия екран - а най-големият елемент там почти винаги е изображение. Затова размерът на картинките директно определя LCP.

Трябва да се съсредоточите върху следните стойности за LCP:

• < 2,5 сек е добре
• > 2,5 сек < 4,0 сек трябва подобрение
• > 4,0 сек е лошо

Ако изображенията не са оптимизирани, тогава стойността на Largest Contentful Paint ще бъде висока. В резултат на това изображенията влияят върху класирането както директно чрез скоростта на зареждане, така и косвено чрез показатели за оценка на дизайна.

Как да оптимизираме изображенията ефективно и безплатно?

Пълната стратегия за оптимизиране на изображението се състои от следните стъпки:

• Lazy load (мързеливо зареждане)
• Избор на размера на изображението според размера на екрана
• Компресиране на графики

Google обаче има специална услуга за компресиране на изображения, за която малко хора знаят. Инструментът се нарича Squoosh. Услугата се появи през 2018 г., от края на 2020 г. работи във версия 2 и до днес остава активна и безплатна.

Google Squoosh - безплатна услуга за оптимизиране на изображения

Инструментът ви позволява да използвате разширените опции, предоставени от различни компресори на изображения. Разработен от Google Chrome Labs, проектът е с отворен код. Системният код е публикуван в GitHub - github.com/GoogleChromeLabs/squoosh

Технологията е сложна, но за потребителя е създаден опростен интерфейс.

Какво да направите:

• Отворете Squoosh. Качете изображение като натиснете на Drop OR Paste;
• Системата ще оптимизира файла автоматично. Оригиналното изображение се поставя от лявата страна на екрана. Изображенията след оптимизация се поставят от дясната страна на екрана;
• Изтеглете файла;

В долния десен ъгъл се показва процентна стойност, която показва колко е намалено изображението.

Пример:

Размерът на изображението е намален с 93%. От 8,87 MB, стана 586 kB

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

Кои са най-добрите формати на изображения за използване?

Обичайният JPG формат на изображението е достатъчен. В идеалния случай обаче сайтът трябва да използва модерни формати. Водещите са:

• AVIF
• WebP
• JPEG XL - завръща се на сцената, след като Google обяви връщането на поддръжката му в Chromium

Използването на WebP или AVIF на сайта изисква малко работа по внедряването. А за формата AVIF може да прочетете в нашата статия.

<picture> <source srcset="image.avif" type="image/avif"> <source srcset="image.webp" type="image/webp"> <img src="image.jpg" alt="описание"> </picture>

Кои изображения трябва да оптимизирате?

Основните „кандидати за оптимизация" са големите изображения, но оптимизирайте всичко правилно. Към 2026 г. Squoosh поддържа следните кодеци направо в браузъра:

• MozJPEG
• OxiPNG
• WebP
• AVIF
• JPEG XL (JXL)

Едно уточнение за старите ръководства: версията за команден ред (Squoosh CLI / libsquoosh) вече не се поддържа от 2023 г. За масова обработка на стотици изображения - например целия каталог на електронен магазин - използвайте библиотека като sharp или конзолните инструменти cwebp и avifenc, а Squoosh дръжте за прецизна ръчна работа върху ключовите картинки.

Настройките по подразбиране предлагат използване на максимална компресия и минимизиране на качеството на изображението. Визуалната точност на изображението се оценява с помощта на конкретна метрика - Butteraugli.

Заключения

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

Ако поставите повече изображения на страниците си, процентът на конверсия ще се увеличи, но и размерът на страницата ви ще се увеличи. Оптимизацията частично решава проблема с размера: колкото по-леки са картинките, толкова по-добър е LCP резултатът и толкова по-малко посетители губите още преди първия екран да се е заредил.

Компресирането на файлове с изображения е прост и надежден начин да подобрите ситуацията със скоростта на зареждане на вашия уебсайт. Оптимизирането на изображения за сайта е в списъка с важни задачи, тъй като ви позволява да постигнете следните цели:

• Подобрявате класирането в резултатите от търсенето
• Увеличавате конверсията

Squoosh е напълно безплатен, така че защо не опитате? А ако искате да разберете колко ви бавят изображенията в момента и какво друго спъва сайта ви - вижте услугата ни за SEO одит на сайт.