Как сжать фото для сайта и не испортить качество
Тяжёлые картинки — главная причина медленных сайтов. Разбираем, какой формат и какое качество выбрать, чтобы фото весило в 3–5 раз меньше.
Тяжёлые изображения — самая частая причина, по которой сайт долго открывается, особенно на телефоне. Хорошая новость: в большинстве случаев фото можно уменьшить в несколько раз, и разницу никто не заметит.
Выберите правильный формат
- JPG — для фотографий. Хорошо сжимается, но не поддерживает прозрачность.
- PNG — для логотипов, схем и картинок с прозрачным фоном. Фотографии в PNG весят очень много.
- WebP — современный формат для сайтов. Обычно легче JPG на 25–35% и умеет прозрачность.
Подберите качество
Для сайтов и соцсетей обычно хватает качества 65–80%. На глаз разница почти не видна, а файл становится заметно легче. Сравните результат и исходник рядом — если не видите разницы, качество можно снизить ещё.
Уменьшите размер в пикселях
Фото с телефона часто имеет ширину 4000 пикселей, а на сайте оно показывается шириной 1200. Уменьшите ширину до нужной — это даёт самую большую экономию.
Как это сделать за минуту
- Откройте Сжатие изображений.
- Перетащите фото, выберите формат WebP и качество около 75%.
- При желании задайте максимальную ширину, например 1600 px.
- Скачайте результат.
Фото не загружаются на сервер: всё происходит в вашем браузере.
Подпишитесь на рассылку
Новые заметки и подборки — прямо на почту. Без спама.
