Сжать фото для сайта и сохранить его вид
Размер уже задали вы или CMS. Файл всё ещё весит 3 МБ. Сохраните его заново как WebP с качеством около 0,8. Это простая рабочая настройка, которой хватает многим рекламным сайтам.
- Быстро
- На 100% приватно
- Всегда бесплатно
- Любой браузер
Перетащите изображения в любое место страницы
JPG, PNG, WebP, GIF, SVG, HEIC или AVIF. Фото остаются на этом устройстве.
Когда это нужно
Страница уравновешивает объём файла и замыленность. Конвертация для сайта работает тем же способом, и максимальная ширина там уже заполнена. Пока фото ещё в размере камеры, откройте ту страницу. Когда остаётся вопрос объёма, откройте эту.
Держите качество от 0,7 до 0,85. Если опустить его ещё, на коже и небе появляются ступени цвета, при этом объём убывает совсем немного. Логотип оставляйте в PNG.
Если ещё нужно оформить JSON или проверить содержимое, не вставляя токен на публичный сайт, откройте ToolBuddy. Он тоже остаётся в браузере.
Как сделать
- Перетащите картинку, которая уже близка к размеру на экране.
- При скачивании оставьте WebP и качество 0,8. Если в градиенте видна полосатость, чуть поднимите качество.
- Этот шаг по желанию. Если несколько файлов всё ещё велики, задайте максимальную ширину.
- Замените картинки на сайте. Сравните их и на мониторе 5K, и на настоящем телефоне.
Подсказки
- Крупная картинка вверху страницы легче переносит качество 0,75, чем крупный план товара.
- Начинайте с исходного файла. Файл, который уже трижды прошёл другие оптимизаторы, станет только мягче.
- После публикации проверьте страницу в Lighthouse. Этот инструмент с вашим хостингом не связывается.