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