Тяжёлая картинка тормозит страницу ещё до первого клика
Посетитель открывает карточку товара с телефона. Текст уже появился, а основная фотография всё ещё загружается. Такое часто случается, когда в каталог попадают исходники с камеры: для просмотра достаточно нескольких сотен килобайт, но браузер получает многомегабайтный файл. Сжатие изображений помогает убрать лишний вес до публикации.
Этот инструмент подходит для фотографий услуг, иллюстраций статей и изображений в каталоге. Вы задаёте формат и качество, получаете готовый файл и сами решаете, подходит ли он для сайта. В отчёте показаны реальные байты. Если результат вырос, это будет видно сразу: экономию мы не дорисовываем.
Как сжать фото онлайн
- Выберите 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. Такой подход уменьшает количество пикселей, а затем позволяет подобрать сжатие.
Число в отчёте показывает разницу файлов, но не скорость сайта в целом. На загрузку также влияют сеть, сервер, кэш, количество изображений и способ их вывода. Для первого экрана нужен отдельный подход к приоритету загрузки. Отложенную загрузку стоит применять к изображениям ниже видимой области.
Файлы остаются на вашем устройстве
Обработка выполняется средствами браузера. Изображения не отправляются в форму заявки или на хостинг QuickLanding. Оригиналы не меняются. Полученный файл создаётся заново, поэтому исходные EXIF и другие метаданные не переносятся. Если эти сведения нужны для архива фотографий, сохраните исходники отдельно.
Принимаются статичные изображения до 20 мегапикселей. Анимированные PNG и WebP отклоняются, чтобы случайно не потерять кадры. Результат ограничен 20 МБ на файл и 80 МБ суммарно. Повреждённый файл получает отдельное сообщение, а удачно обработанные изображения остаются доступными для скачивания.
Следующий шаг и материалы по теме
Вопросы об инструменте
Можно сжать изображение без потери качества?
PNG сохраняется без потерь, но уменьшение веса не гарантируется. JPEG и WebP в этом инструменте используют заданный уровень качества. Сравнивайте результат с оригиналом перед публикацией.
Нужно ли отправлять фотографии на сервер?
Нет. Преобразование и сборка ZIP выполняются на вашем устройстве.
Почему после обработки PNG стал больше?
Браузер заново кодирует изображение. Исходный файл мог быть оптимизирован другим способом, а ползунок качества для PNG не работает.
Можно обработать сразу папку фотографий?
Выберите до 20 отдельных файлов. Если исходников больше или их общий размер превышает 60 МБ, разделите задачу на несколько запусков.
