Как уменьшить вес изображения для сайта

2026-06-07 · Обновлено 2026-06-07

Картинки — самая частая причина медленной загрузки страниц. Хорошая новость: вес можно сократить в разы, почти не теряя в качестве.

Почему это важно

Тяжёлые изображения замедляют загрузку, ухудшают Core Web Vitals и позиции в поиске, а мобильные пользователи ещё и тратят трафик. Часто на странице именно картинки занимают большую часть веса.

Главный приём — сменить формат на WebP

WebP при сравнимом качестве весит заметно меньше PNG и JPG. Перевод PNG → WebP или JPG → WebP обычно сокращает размер на 25–50% без видимой разницы для глаза. Это самый быстрый способ облегчить картинки.

• PNG → WebP — для графики, скриншотов и картинок с прозрачностью.
• JPG → WebP — для фотографий.
• PNG → JPG — если WebP не подходит, а прозрачность не нужна: JPG легче PNG.

Дополнительно

Перед конвертацией уменьшите картинку до реального размера отображения — загружать фото 4000 px, которое показывается на 800 px, бессмысленно. Связка «правильный размер + WebP» даёт максимальный эффект.