# Сжатие изображений для сайта

Источник: https://quicklanding.ru/tools/image-compressor/

Уменьшите вес JPEG, PNG и WebP, сравните результат с оригиналом и скачайте файлы по одному или ZIP. Обработка в браузере без регистрации и загрузки на сервер.

## Тяжёлая картинка тормозит страницу ещё до первого клика

Посетитель открывает карточку товара с телефона. Текст уже появился, а основная фотография всё ещё загружается. Такое часто случается, когда в каталог попадают исходники с камеры: для просмотра достаточно нескольких сотен килобайт, но браузер получает многомегабайтный файл. Сжатие изображений помогает убрать лишний вес до публикации.

Этот инструмент подходит для фотографий услуг, иллюстраций статей и изображений в каталоге. Вы задаёте формат и качество, получаете готовый файл и сами решаете, подходит ли он для сайта. В отчёте показаны реальные байты. Если результат вырос, это будет видно сразу: экономию мы не дорисовываем.

## Как сжать фото онлайн

- Выберите 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 МБ суммарно. Повреждённый файл получает отдельное сообщение, а удачно обработанные изображения остаются доступными для скачивания.

## Следующий шаг и материалы по теме

- [Конвертер в WebP](/tools/webp-converter/)
- [Изменение размеров изображений](/tools/image-resizer/)
- [Canvas: сохранение изображения в браузере](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob)
- [Разработка сайтов](/services/)

## Частые вопросы

### Можно сжать изображение без потери качества?

PNG сохраняется без потерь, но уменьшение веса не гарантируется. JPEG и WebP в этом инструменте используют заданный уровень качества. Сравнивайте результат с оригиналом перед публикацией.

### Нужно ли отправлять фотографии на сервер?

Нет. Преобразование и сборка ZIP выполняются на вашем устройстве.

### Почему после обработки PNG стал больше?

Браузер заново кодирует изображение. Исходный файл мог быть оптимизирован другим способом, а ползунок качества для PNG не работает.

### Можно обработать сразу папку фотографий?

Выберите до 20 отдельных файлов. Если исходников больше или их общий размер превышает 60 МБ, разделите задачу на несколько запусков.