Фото и изображения занимают до 50% объёма типичной веб-страницы. Сжать фото без потери качества — один из самых эффективных способов ускорить загрузку сайта, улучшить Core Web Vitals и уменьшить размер страницы.
Форматы: в каком лучше сжимать фото
- JPEG — сжатие с потерями. Идеален для фотографий. Поддерживает настройку качества от 1 до 100%. При качестве 80% разница с оригиналом практически незаметна, а размер файла уменьшается в 5–10 раз.
- PNG — сжатие без потерь. Подходит для графики с прозрачностью, скриншотов, иконок. Файлы больше, чем JPEG, но без артефактов сжатия.
- WebP — современный формат от Google. Поддерживает сжатие с потерями и без, а также прозрачность. Файлы на 25–35% меньше, чем JPEG при том же качестве.
Как сжать фото: оптимальное качество
Для большинства фото на сайте оптимальное качество — 75–85%. При этом визуальная разница с оригиналом минимальна, а экономия в размере файла — значительная. Для баннеров и hero-изображений можно увеличить до 90%. Для миниатюр и превью достаточно 60–70%.
Как уменьшить размер фото
Уменьшить размер фото можно двумя способами: сжатие (уменьшение веса файла при сохранении размеров) и ресайз (уменьшение разрешения). Для веба рекомендуется комбинировать оба подхода: сначала изменить размер фото под нужное разрешение, затем сжать в оптимальном формате.
Заключение
Сжать фото онлайн можно прямо в браузере — бесплатно и без регистрации. Конвертируйте между форматами в конвертере (JPG в PNG, WebP в JPG) или добавьте защиту с помощью водяного знака на фото.
