Сжатие изображений

Инструмент перекодирует ваше изображение через браузерный canvas на выбранном уровне качества. JPG и WebP — с потерями, они выбрасывают перцептивно неважные данные, чтобы уменьшить файл. PNG без потерь, поэтому один и тот же PNG, перекодированный на любом качестве, сохраняет тот же визуальный контент; чтобы уменьшить PNG-фото, лучше конвертируйте его в JPG или WebP.

Пример

Вход:  1920 × 1080 PNG-скриншот фотографии, 2.4 MB
Действие: конвертация в JPG, качество 82
Выход: 1920 × 1080 JPG, 268 KB  (примерно в 9× меньше, визуально неотличимо)

Почему моё сжатое изображение больше оригинала?

На это постоянно попадаются. Типичные причины, примерно по частоте.

• Перекодирование уже сжатого PNG. Инструменты вроде pngquant или TinyPNG выдают плотно упакованные PNG. Энкодер canvas браузера с ними не сравнится, и файл становится больше. Для фото — конвертируйте в JPG или WebP; для PNG — не пережимайте повторно.
• Качество выше, чем у оригинала. Если вы скачиваете JPG, закодированный с качеством 70, и пережимаете при 92, вы просите энкодер сохранить шум, о котором он не знает, что это шум. Итог: файл больше, визуального выигрыша нет.
• Конвертация JPG → PNG. PNG хранит каждый пиксель точно. Фотографический JPG, конвертированный в PNG, раздуется в размере. Храните фото как JPG или WebP.
• Забыли уменьшить слишком большие фото. 48 MP фото с камеры остаётся огромным при качестве 80, потому что слишком много пикселей. Включите "Уменьшить, если шире чем" и задайте 2000 px — часто это 10× общее сокращение размера.
• WebP lossless на фото. Инструмент по умолчанию использует lossy WebP, но если вы сначала конвертировали через другой инструмент, lossless WebP на фото обычно больше эквивалентного JPG.

В чём разница между lossy и lossless сжатием?

Lossy-форматы (JPG, WebP с дефолтными настройками) отбрасывают визуальную информацию, которую глаз не замечает, жертвуя точностью ради меньшего файла. Lossless-форматы (PNG, WebP lossless) сохраняют каждый пиксель точно. Фото сильно уменьшаются при lossy-сжатии; скриншоты и логотипы должны оставаться lossless.

Почему мой PNG стал больше после сжатия?

Canvas-энкодер PNG в браузере не применяет продвинутые фильтры и оптимизацию палитры, которые используют инструменты вроде pngquant или oxipng, поэтому уже оптимизированный маленький PNG может пройти round-trip и стать больше. Для фото конвертируйте в JPG или WebP — PNG без потерь и не может конкурировать с lossy-форматами на фотографическом контенте.

Какое качество выбрать?

Для фото в вебе 75–85 — сладкая точка: едва заметные потери, в 3–5× меньше оригинала. Используйте 90+ для портфолио или печати. Ниже 60 ждите видимого блокинга и банда в небе и градиентах. Пресет Medium (75) — безопасный дефолт.

JPG или WebP — что использовать?

WebP даёт примерно на 25–35% меньшие файлы, чем JPG, при равном перцептивном качестве, и каждый современный браузер его поддерживает. Выбирайте WebP для вебы. Выбирайте JPG только если файл идёт туда, где WebP могут не принять (некоторые почтовые клиенты, legacy-ПО, некоторые загрузчики соцсетей).

Есть ли ограничение размера или разрешения?

Инструмент работает в памяти браузера. Очень большие изображения (больше ~100 мегапикселей или файлы больше ~200 MB) могут не декодироваться на устройствах с малой памятью. Включите "Уменьшить, если шире чем", чтобы ограничить длинную сторону — часто это даёт самый большой единоразовый выигрыш по размеру для огромных фото.

Сохраняете ли вы изображения, которые я здесь сжимаю?

Нет. Мы не сохраняем ни оригинальное изображение, которое вы сюда перетаскиваете, ни сжатую версию, которую вы скачиваете. Всё отбрасывается, как только вы закрываете или обновляете вкладку — никаких логов, никакой записи о фото, которые вы прогнали через инструмент. Можете проверить в DevTools браузера, если нужна дополнительная уверенность.