Как сжать изображения для веба без потери качества
Практическое руководство, как облегчить картинки и ускорить сайт: насколько сжимать, какой формат выбрать и какие ошибки портят фото.
Тяжёлые изображения — причина №1 медленных сайтов. Фото со смартфона может весить 5–8 МБ, больше, чем целая хорошо оптимизированная страница. Хорошая новость: обычно можно убрать 70–90% веса так, что глаз не заметит.
Найти золотую середину
Сжатие — это баланс между весом и видимыми деталями. Для картинок на экране качество JPEG 75–82% — оптимум: файл сильно уменьшается, но на обычном расстоянии разницы не видно. Ниже ~60% в небе появляются полосы, а по краям — ореолы.
Меняйте размер до сжатия
Этот шаг часто забывают. Если вёрстка показывает картинку шириной 1200px, не грузите оригинал в 6000px. Сначала измените размер до реальной ширины, затем сжимайте; часто изменение размера экономит больше самого сжатия.
Выберите правильный формат
- Фото → JPEG или, лучше, WebP (примерно на 30% легче при том же качестве).
- Логотипы, иконки, изображения с текстом → PNG (или WebP) ради чётких краёв.
- Прозрачный фон → PNG или WebP, никогда JPEG.
Наш инструмент сжатия делает всё в браузере: ваши изображения никогда не загружаются на сервер. Перетащите пачку, задайте целевой вес и скачайте.