Информатика
Изменение размера изображений
Пакетно уменьшает разрешение PNG, JPEG и WebP локально в браузере.
Итог
Экономия веса—
Готово файлов0 / 0
Исходный вес0 B
После обработки0 B
Ошибки0
Файлы обрабатываются локально через Canvas. Изображения не загружаются на сервер.
Очередь
Изображения и результаты
Добавьте изображения, чтобы увидеть новый размер и вес.
Изменение размера изображений уменьшает разрешение PNG, JPEG и WebP прямо в браузере. Файл читается через File API, отрисовывается на canvas и скачивается обратно без отправки изображения на сервер.
Как работает изменение размера
Инструмент декодирует выбранное изображение, рассчитывает новый холст и отрисовывает файл через Canvas. Итог можно сохранить в исходном формате, WebP, JPEG или PNG.
Режим «вписать в рамку» сохраняет пропорции без обрезки. Режим точного холста центрирует изображение и добавляет поля цветом фона или прозрачностью.
Как уменьшить разрешение изображений
- Добавьте файлы. Перетащите PNG, JPEG или WebP в область загрузки или выберите их через системное окно.
- Выберите режим размера. Используйте проценты, рамку по ширине и высоте или точный холст с полями.
- Настройте экспорт. Оставьте исходный формат или выберите WebP/JPEG/PNG и качество результата.
- Скачайте результат. Скачайте отдельные изображения или все готовые файлы через браузер.
Принцип обработки
File → Image → Canvas(width×height) → Blob
Если исходное изображение меньше заданного холста и апскейл выключен, файл остаётся в исходном масштабе и центрируется на фоне.
Пример для каталога
Фотографии товаров можно вписать в холст 1080×1080 с белыми полями, чтобы карточки выглядели одинаково и не обрезались.
Источники
- MDN: HTMLCanvasElement.toBlob()Проверено: 2026-06-15
- MDN: HTMLImageElementПроверено: 2026-06-15
- MDN: FileПроверено: 2026-06-15
Подробнее о проверке формул и источников — в методологии Calcup.
Это клиентская обработка через браузерные API. При перекодировании могут удаляться EXIF, ICC и другие метаданные, а очень большие изображения могут упереться в лимиты памяти canvas.
FAQ
Часто задаваемые вопросы
Файлы отправляются на сервер?
Нет. Изображения читаются и обрабатываются локально в браузере через File API, Image и Canvas.
Чем отличается рамка от точного холста?
Рамка уменьшает изображение так, чтобы оно поместилось в заданные границы. Точный холст всегда создаёт файл заданной ширины и высоты, а свободное место заполняет фоном или прозрачностью.
Можно ли не увеличивать маленькие фото?
Да. По умолчанию апскейл выключен: маленькое изображение не растягивается, а в режиме точного холста центрируется с полями.
Прозрачные поля сохранятся?
В PNG и WebP прозрачность сохраняется. При экспорте в JPEG прозрачные области заменяются выбранным цветом фона, потому что JPEG не поддерживает alpha-канал.
Какой режим выбрать для маркетплейса?
Если нужна одинаковая карточка, используйте точный холст, например 1080×1080, и белый фон. Если важен только максимальный размер, используйте режим «вписать в рамку».