Тяжёлая картинка тормозит страницу ещё до первого клика
Посетитель открывает карточку товара с телефона. Текст уже появился, а основная фотография всё ещё загружается. Такое часто случается, когда в каталог попадают исходники с камеры: для просмотра достаточно нескольких сотен килобайт, но браузер получает многомегабайтный файл. Сжатие изображений помогает убрать лишний вес до публикации.
Этот инструмент подходит для фотографий услуг, иллюстраций статей и изображений в каталоге. Вы задаёте формат и качество, получаете готовый файл и сами решаете, подходит ли он для сайта. В отчёте показаны реальные байты. Если результат вырос, это будет видно сразу: экономию мы не дорисовываем.
Как сжать фото онлайн
- Выберите JPEG, PNG или WebP. Можно добавить до 20 файлов, каждый не тяжелее 10 МБ. Общий размер исходников ограничен 60 МБ.
- Оставьте исходный формат или выберите WebP. Для фотографий начните с качества 80%, затем сравните мелкие детали и границы объектов.
- Если исходник шире, чем нужно странице, включите ограничение размеров. Например, для блока шириной 1200 px попробуйте 1200 или 2400 px с учётом экранов высокой плотности.
- Нажмите «Обработать изображения». Посмотрите вес и размеры каждого результата, скачайте отдельный файл или архив.
Что выбрать для фотографии, логотипа и интерфейса
У фотографии много оттенков и плавных переходов. Для неё обычно стоит сравнить JPEG и WebP с умеренным качеством. Небольшая потеря деталей может быть незаметна в обычном размере, но сильное сжатие проявляется на волосах, листве и тонких линиях. Проверьте картинку на том фоне, где она будет размещена.
Для прозрачного логотипа или схемы сначала попробуйте PNG либо WebP. При сохранении в JPEG прозрачные участки заполняются выбранным цветом. Ползунок качества не влияет на PNG: браузер записывает его без потерь, поэтому исходный PNG иногда оказывается легче результата. Здесь нет специального оптимизатора палитры PNG.
Пример подготовки фотографии для услуги
Допустим, фотография имеет размеры 4000 × 3000 px, а в карточке услуг отображается шириной 600 px. Можно ограничить ширину до 1200 px, чтобы оставить запас для плотных экранов, и сохранить WebP с качеством 80%. Высота автоматически станет 900 px. Такой подход уменьшает количество пикселей, а затем позволяет подобрать сжатие.
Число в отчёте показывает разницу файлов, но не скорость сайта в целом. На загрузку также влияют сеть, сервер, кэш, количество изображений и способ их вывода. Для первого экрана нужен отдельный подход к приоритету загрузки. Отложенную загрузку стоит применять к изображениям ниже видимой области.
Файлы остаются на вашем устройстве
Обработка выполняется средствами браузера. Изображения не отправляются в форму заявки или на хостинг WebSoftLeader. Оригиналы не меняются. Полученный файл создаётся заново, поэтому исходные EXIF и другие метаданные не переносятся. Если эти сведения нужны для архива фотографий, сохраните исходники отдельно.
Принимаются статичные изображения до 20 мегапикселей. Анимированные PNG и WebP отклоняются, чтобы случайно не потерять кадры. Результат ограничен 20 МБ на файл и 80 МБ суммарно. Повреждённый файл получает отдельное сообщение, а удачно обработанные изображения остаются доступными для скачивания.