Сжатие PNG онлайн — меньший размер файлов с сохранением прозрачности

Значительно уменьшайте размер файлов PNG с сохранением прозрачности: этот инструмент использует квантование палитры — ту же технологию, что и TinyPNG, — и работает полностью в вашем браузере. Типичная экономия составляет 50–70 % для скриншотов, логотипов и элементов пользовательского интерфейса без видимой разницы в качестве.

Что это за инструмент?

Формат PNG не предусматривает потерь, поэтому в нём нет настройки «качества», которую можно было бы снизить — простое перекодирование практически не даёт эффекта. Настоящее сжатие PNG работает по-другому: квантование палитры сводит изображение к тщательно подобранному набору цветов (до 256). Поскольку в скриншотах, логотипах и графике интерфейса редко используется большее количество различных цветов, размер файла уменьшается на 50–70 %, при этом изображение выглядит точно так же. Прозрачность (альфа-канал) полностью сохраняется.

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

Зачем его использовать?

Реальное сжатие (обычно 50–70 %), а не «плацебо»-перекодировка.
Сохраняется прозрачность — подходит для логотипов, значков и элементов пользовательского интерфейса.
В отличие от сервисов типа TinyPNG, здесь не требуется загрузка файлов — а значит, нет ограничений на количество файлов.
Настраиваемый цветовой бюджет (16–256) с указанием экономии на каждом изображении.
Поддержка пакетной обработки, бесплатно, без водяных знаков.

Как использовать

Перетащите файлы PNG в поле (модуль сжатия загрузится автоматически один раз).
Оставьте значение 256 цветов, чтобы получить визуально идентичные результаты, или уменьшите его, чтобы сократить размер файлов.
В каждом результате указана точная сумма экономии — нажмите «Скачать».
Если качество фотографического изображения в формате PNG не снижается в достаточной степени, лучше преобразуйте его в формат JPG (см. раздел «Преобразование PNG в JPG»).

Пример

Ввод

app-screenshot.png — 980 KB

Результат

app-screenshot-compressed.png — 290 KB (−70%), 256 colors

Скриншоты и элементы пользовательского интерфейса прекрасно квантуются; палитра охватывает все цвета, которые в них действительно используются.

По результатам наших собственных испытаний

В нашем тесте при запуске использовалось специально подобранное сложное изображение: файл PNG размером 600×400, заполненный 200 перекрывающимися полупрозрачными цветными участками — гораздо более запутанное, чем типичный скриншот. При квантовании до 256 цветов размер файла уменьшился с 31,1 КБ до 7,8 КБ (−75%), при этом альфа-канал остался нетронутым. Реальная графика пользовательского интерфейса сжимается ещё лучше, поскольку в ней используется меньше различных цветов, чем в нашем стресс-тесте. Мы также подтвердили и обратную сторону медали: на фотографиях при использовании 256 цветов появляются заметные полосы — в таких случаях лучше использовать форматы JPG или WebP, поэтому ссылки на конвертеры находятся в разделе выше.

Типичные сценарии использования

Уменьшение размера скриншотов приложения или веб-сайта перед их добавлением в отчет об ошибке или на страницу документации.
Сжатие логотипа или набора значков для веб-сайта без потери прозрачного фона, от которого зависят разработчики.
Уменьшение размера экспортированных макетов пользовательского интерфейса из инструментов для дизайна перед их передачей команде.
Сокращение объема набора графических элементов интерфейса для руководства по стилю или репозитория системы дизайна.

Часто задаваемые вопросы

Как можно ещё больше сжать формат без потерь?

Благодаря грамотному применению метода с небольшими потерями: квантование выбирает около 256 цветов, которые наилучшим образом отражают изображение, и сопоставляет с ними каждый пиксель. Для графики с ограниченной цветовой гаммой результат визуально идентичен — технически с потерями, но практически неотличим.

Сохранится ли прозрачность при сжатии?

Да — альфа-канал сохраняется, включая полупрозрачные пиксели (тени, сглаженные края). Именно это и требуется для логотипов и элементов пользовательского интерфейса.

В каких случаях сжатие в формате PNG работает неэффективно?

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

Чем это отличается от TinyPNG?

Используется та же самая технология (квантование палитры), экономия примерно такая же. Практические отличия: ваши файлы никогда не загружаются на этот сайт, нет ограничения на пакет из 20 файлов, нет ограничения в 5 МБ и нет платных тарифных планов — ведь всю работу выполняет не сервер.

Какое количество цветов мне выбрать?

Начните с значения 256 — при этом практически все графические объекты будут выглядеть одинаково. Для значков и простых элементов интерфейса уменьшите значение до 64 или 32, чтобы сжать изображение сильнее; следите за появлением полос на миниатюре предварительного просмотра.

Сжать изображения в формате PNG онлайн