Сжать изображение PNG
PNG никогда не теряет пиксель из-за своего собственного кодировщика, что превращает сжатие в честный выбор: сохранить изображение математически идентичным и получить скромную экономию или позволить палитре сначала отбросить цветовую информацию и значительно уменьшить файл. Эта страница предлагает оба пути, выполняет их полностью в вашем браузере и сохраняет прозрачность в любом случае. Таблица показывает, что каждый путь сделал с одним и тем же прозрачным тестовым изображением — измеренные результаты, а не оценки.
Один и тот же PNG, оба пути
| Режим | Выход | Экономия |
|---|---|---|
| PNG, без сжатия (без потерь) | 383.9 КБ | 59% меньше |
| PNG, меньший размер файла (квантованный) | 98.3 КБ | 90% меньше |
Два пути к меньшему PNG
Безубыточный путь повторно кодирует ваше изображение, затем передает его oxipng, оптимизатору на основе Rust, работающему на уровне 3, который ищет более эффективное расположение точно тех же пикселей: разные фильтры сканирующей строки, разные стратегии сжатия, идентичная картинка. На тестовом файле размером 942,4 КБ только этот поиск вернул 383,9 КБ. Ничего в изображении не изменилось; только упаковка изменилась.
Квантованный путь — это то, откуда приходят драматические цифры. Перед запуском кодировщика imagequant создает палитру максимум из 256 цветов и сопоставляет каждый пиксель с его ближайшей записью. Выход все еще является совершенно обычным PNG, которое открывает любое программное обеспечение — информация была отдана до кодирования, а не во время него. То же тестовое изображение оказалось 98,3 КБ таким образом, примерно одна десятая от его начального веса.
Какой путь подходит какому изображению
Скриншоты интерфейса, логотипы, значки, пиксельное искусство и плоские иллюстрации — это то, для чего были изобретены палитры. Такие изображения редко содержат более нескольких сотен различных цветов в первую очередь, поэтому сопоставление их через 256 изменяет мало или ничего, что глаз может заметить, а экономия огромна. Для всего такого, что направляется на веб-страницу, квантованный — разумный выбор.
Оставьте нетронутый путь для изображений, где сами пиксели являются целью: мастер-дизайн, который вы откроете снова, архивные материалы или что-то с длинными мягкими градиентами. Закатное небо требует 256 записей палитры, чтобы описать тысячи нежных цветовых переходов, и видимый недостаток — это полоса — плавные переходы превращаются в контурные линии. Это единственный артефакт, который стоит проверить после квантования: края будут четкими, а переходы выдадут это в первую очередь.
Прозрачность и когда оставить PNG позади
Оба пути сохраняют альфа-канал целиком, включая частичную прозрачность: квантователь рассматривает непрозрачность как часть каждой записи палитры, так что мягкий антиалиасный край вокруг вырезанного логотипа выживает, вместо того чтобы разрушаться в жесткий край. То, что разрушает прозрачность, — это переход к формату без нее — конвертируйте результат в JPEG, и каждый прозрачный пиксель будет сплющен на сплошном фоне, потому что ни один вариант JPEG не поддерживает альфа.
Иногда лучшее сжатие — это полностью оставить PNG. Фотография, сохраненная в формате .png, является ошибкой категории: гарантия без потерь стоит мегабайтов на изображениях с камеры и не дает ничего, что мог бы увидеть зритель, а конвертация такого файла в JPEG или WebP обычно уменьшает его в несколько раз. Для плоской графики, которая должна оставаться маленькой и прозрачной, безубыточный WebP также превосходит PNG по размеру — компромисс в том, что несколько старых настольных программ все еще обрабатывают PNG более элегантно.
Часто задаваемые вопросы
Является ли сжатие PNG всегда без потерь?
Кодировщик формата сам по себе — спецификация вообще не содержит режима с потерями. Инструменты, рекламирующие драматическую экономию PNG, включая этот, получают их, сокращая количество цветов перед началом кодирования. Выберите опцию с пометкой PNG — Здесь нет сжатия, и ничего с потерями не происходит на любом этапе.
В чем разница между двумя вариантами PNG в выпадающем списке?
PNG — Без сжатия — это безубыточный путь: идентичные пиксели, упакованные более разумно. PNG — Меньший размер файла — это квантованный путь: палитра из максимум 256 цветов, затем то же самое упаковывание. Названия описывают, что происходит с вашим изображением, а не насколько усердно работает кодировщик.
Насколько меньше может сделать квантование PNG?
Прозрачное тестовое изображение на этой странице уменьшилось с 942,4 КБ до 98,3 КБ, и такая экономия нормальна для скриншотов и плоского искусства. Файлы, которые уже используют палитру, имеют гораздо меньше, что можно отдать, потому что сокращение цветов фактически уже было сделано один раз.
Будет ли квантованный PNG выглядеть хуже?
На изображениях с плоским цветом почти никогда — бок о бок, большинство людей не могут отличить оригинал. Градиенты, виньетки и фотографии являются исключением: слишком мало записей палитры для описания плавного перехода приводит к видимым ступеням цвета.
Сохраняется ли прозрачный фон после сжатия?
Да, на обоих путях, и полупрозрачные пиксели, такие как тени и сглаженные края, тоже сохраняются. Альфа теряется только при конвертации в формат, который ее не имеет.
Почему мой PNG едва уменьшился или даже увеличился?
Что-то уже оптимизировало его. Экспортные конвейеры все чаще используют свои собственные оптимизаторы PNG, и файл, находящийся близко к своему безубыточному пределу, оставляет второму проходу ничего для поиска — иногда попытка даже стоит байтов, в этом случае этот инструмент возвращает ваш оригинальный файл без изменений.
Почему мой PNG изначально так велик?
Обычно это разрешение. Полноэкранный захват 4K или Retina дисплея — это восемь или более мегапикселей безубыточно сохраненных данных, прежде чем вы что-либо сделали. Квантование помогает; обрезка до важной области или масштабирование захватов интерфейса до размера, на котором они будут показаны, помогает еще больше.
Могу ли я сжать несколько PNG одновременно?
Десять файлов и до 50 МБ за один раз, с загрузкой ZIP для результатов. Кодирование происходит в вашем браузере, а не на сервере, так что нет очереди и нет квоты — выполняйте столько раундов, сколько вам нужно.
Другие руководства по сжатию
Сжимайте изображения онлайн — Бесплатный компрессор изображений