Что можно называть сжатием без потерь
При lossless-кодировании можно восстановить тот растр, который поступил кодировщику. В «Удобней» PNG сохраняет Canvas-растр без потерь на этапе кодирования. Это не означает, что новый файл совпадёт побайтно с оригиналом: состав метаданных зависит от выбранного режима, а браузер может преобразовать цветовой профиль и представление прозрачных пикселей при декодировании.
Если фотография уже сохранена с потерями в JPEG, экспорт в PNG не вернёт отсутствующие детали. Он лишь сохранит полученный в браузере растр без новых потерь при PNG-кодировании. Такой PNG может быть значительно тяжелее исходного JPEG.
Почему качество 100% не является гарантией
Для JPEG и WebP в текущем движке используется браузерный lossy-кодировщик. Значение качества влияет на кодирование, но не переключает его на отдельный lossless-алгоритм. Поэтому подписи карточек остаются «с потерями» даже при 100%.
Параметры нативного Canvas-кодирования описаны в документации Canvas toBlob. Сам формат WebP допускает и lossless, и lossy, но это возможность формата, а не обещание любого инструмента. Различие описано в техническом обзоре WebP.
Какие форматы можно получить
Добавьте статический JPG, PNG, WebP, GIF, BMP, AVIF или одностраничный TIFF. В автоматическом режиме можно скачать семь вариантов: JPG, PNG, WebP, AVIF, GIF, BMP и TIFF. Все результаты видны, даже если файл стал тяжелее. Зелёная стрелка вниз означает уменьшение веса, красная вверх означает увеличение. Одинаковый вес помечается отдельно.
AVIF здесь кодируется с потерями, с сохранением альфа-канала. Статический GIF ограничен палитрой до 256 цветов и не сохраняет плавную полупрозрачность. BMP сохраняется без сжатия в 24-битный RGB с выбранным фоном. TIFF сохраняется без сжатия в 32-битный RGBA; его сравнение использует PNG-предпросмотр сохранённых пикселей. Все кодировщики работают на устройстве, включая локальный WebAssembly-модуль AVIF.
Как проверить визуальное качество
- Сначала сравните результат с оригиналом при одинаковом масштабе.
- Проверьте мелкий текст, линии, волосы и резкие границы: там изменения могут быть заметнее.
- Посмотрите на плавные градиенты и полупрозрачные тени.
- Для важного изображения откройте скачанный результат в полном размере. Предпросмотр страницы может скрыть мелкие различия.
- Если разница заметна, увеличьте качество, выберите PNG или оставьте оригинал.
Когда уменьшать размеры вместо качества
Если картинка будет показана в небольшом блоке, её исходные размеры могут быть избыточны для вашей задачи. Уменьшение ширины и высоты меняет число пикселей и иногда позволяет получить приемлемый вес без очень сильного lossy-сжатия. Но это тоже изменение изображения, и оно не подходит, если нужно сохранить исходное разрешение.
Нельзя заранее обещать «минус 80%» для любого файла. Фото, скриншот и прозрачный логотип сжимаются по-разному. В инструменте экономия считается только после получения конкретного результата.