Полное руководство

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

Как уменьшить размер изображений без потери качества, ускорить сайт и подняться в рейтинге Google.

6 бесплатных инструмента 9 тематических статей 100% в браузере
53%
пользователей уходят с сайтов, загружающихся дольше 3 секунд
~60%
общего веса веб-страницы приходится на неоптимизированные изображения
PageSpeed
подтверждённый Google фактор ранжирования с 2010 года
WebP
уменьшает размер до 30% по сравнению с JPG при том же качестве
Смотреть все статьи →

Часто задаваемые вопросы об оптимизации

Портит ли сжатие визуальное качество изображения?
Зависит от метода. Сжатие без потерь (lossless) не меняет ни одного пикселя — оно лишь по-другому упаковывает данные. Сжатие с потерями (lossy, как у JPG) убирает детали, незаметные человеческому глазу. При правильных настройках разница в качестве практически незаметна, а файл становится на 40–80% меньше.
Каков идеальный размер изображения для сайта?
Для контентных изображений (баннеры, фото) идеально держаться ниже 150 КБ. Для миниатюр и второстепенных изображений — ниже 50 КБ. Никогда не используйте изображения тяжелее 500 КБ без веской причины. Формат WebP значительно помогает достичь этих значений.
Понижает ли Google в выдаче сайты с тяжёлыми изображениями?
Напрямую — нет, но тяжёлые изображения снижают показатель PageSpeed, который является фактором ранжирования. У медленных сайтов также выше показатель отказов, что косвенно вредит SEO. Google прямо рекомендует использовать WebP и правильное сжатие.
Работает ли WebP во всех браузерах?
Да. WebP поддерживается более чем 97% современных браузеров, включая Chrome, Firefox, Safari (с 2020 года) и Edge. Для сайтов, которым нужна поддержка очень старых браузеров, всё ещё можно использовать JPG как запасной вариант через тег picture в HTML.