Максимальное сжатие PNG
Готовый вариант «Сжатие PNG»
Самая агрессивная настройка: 64 цвета с дизерингом. Лучше всего подходит для плоской графики, иконок и простых иллюстраций, где ограниченная палитра незаметна. На фотографиях при таком уровне появится бэндинг — для них используйте 256 цветов или переходите на JPG.
- Файлы никогда не покидают ваше устройство
- Бесплатно, без регистрации
- Без водяных знаков
- Работает офлайн после загрузки
Как пользоваться: сжатие png
- 1
Добавьте PNG-файлы
Перетащите файлы PNG на страницу, выберите вручную или вставьте из буфера обмена.
- 2
Выберите количество цветов
256 цветов визуально неотличимы от оригинала для большинства изображений. Уменьшите значение для меньшего размера файла.
- 3
Скачайте
Сохраните каждый оптимизированный PNG по отдельности или скачайте все файлы сразу в виде ZIP-архива.
Что выдерживает, а что не выдерживает 64 цвета
Шестьдесят четыре цвета звучит жёстко, но для целого класса изображений это действительно нормально. Иконки, плоские иллюстрации, пиктограммы, простые диаграммы и большинство элементов фирменного стиля строятся на намеренно небольшой палитре — часто менее десятка различных цветов плюс сглаживание по краям. Сокращение до 64 цветов не затрагивает однородные области и лишь немного огрубляет смешивание на краях, что незаметно при том размере, в котором эти ресурсы реально отображаются.
А вот непрерывные тональные переходы этого не выдерживают. Любому плавному градиенту — тени, размытому фону, небу, коже — требуется гораздо больше 64 ступеней, чтобы выглядеть непрерывным, и при таком уровне он распадётся на заметные полосы даже при включённом дизеринге. Дизеринг меняет эти резкие полосы на мелкий шум, что смотрится лучше, но всё равно остаётся компромиссом, а не решением.
- Хорошие кандидаты
- Иконки, пиктограммы, плоские иллюстрации, простые диаграммы, монохромные схемы, одноцветные логотипы.
- Плохие кандидаты
- Фотографии, градиентные фоны, тени с размытием, всё с мягким блюром или реалистичным освещением.
Как понять, что вы перестарались
Бэндинг проще всего заметить на крупных участках почти однородного цвета, поэтому проверяйте самую «гладкую» область изображения, а не самую насыщенную деталями. Увеличивайте до 100%, а не подгоняйте под размер окна — уменьшение масштаба браузером убедительно маскирует бэндинг, и изображение, выглядящее чистым в миниатюре, может показывать заметные ступени в полном размере. Особое внимание уделяйте краям, где сглаживание смешивает форму с фоном, — именно там урезанной палитре первой не хватает промежуточных оттенков.
Если результат показывает бэндинг, решение — увеличить количество цветов, а не усилить дизеринг. Вернитесь к 128 и сравните: файл будет больше, но обычно всё равно останется заметно меньше половины исходного размера, и для графики, которой действительно требовался этот запас, это лучший компромисс, чем шум. Если бэндинг заметен даже при 256 цветах, значит изображение фотографическое и ему место совсем в другом формате.
Часто задаваемые вопросы
Как работает сжатие PNG, если PNG — формат без потерь?
Сам контейнер PNG остаётся без потерь — меняется содержащееся в нём изображение. Уменьшение количества различных цветов делает данные гораздо более повторяющимися, а встроенное в PNG сжатие deflate затем упаковывает их намного плотнее. Это тот же подход, который используют pngquant и TinyPNG.
Сохраняется ли прозрачность?
Да. Альфа-канал остаётся полностью нетронутым, а полностью прозрачные пиксели исключаются из цветовой палитры, чтобы не искажать её. Логотипы и вырезанная графика сохраняют чистые края.
Почему экономия меньше, чем даёт TinyPNG?
Браузеры умеют записывать только 32-битные PNG, а не настоящие 8-битные палитровые PNG, поэтому нам удаётся достичь примерно половины того, чего добивается нативный оптимизатор. Взамен ваш файл никогда не покидает устройство, и никакого месячного лимита нет. Для логотипов и плоской графики разница невелика; для фотографий она заметнее.
Что делает дизеринг?
Он распределяет ошибку округления между соседними пикселями, чтобы градиенты оставались плавными, а не разбивались на заметные полосы. Это стоит нескольких процентов размера файла и оправдано для фотографий и градиентов — отключайте его для плоской графики и скриншотов.
Стоит ли вообще использовать PNG?
Для фотографий — нет: JPG или WebP при том же качестве окажутся в несколько раз меньше. PNG — правильный выбор для логотипов, иконок, скриншотов текста и всего, что требует прозрачности.
Вам также может понадобиться
Сжатие JPG
Уменьшите размер JPG-файлов без заметной потери качества
PNG в JPG
Конвертируйте PNG-изображения в компактные JPG-файлы
Изменение размера изображения
Меняйте размеры изображения в пикселях или процентах
Конвертер WebP
Конвертируйте изображения в WebP и обратно
Удаление фона
Вырежьте фон с любой фотографии прямо в браузере
Извлечение цветовой палитры
Извлеките доминирующие цвета из изображения
Обрезка изображения
Обрезайте перетаскиванием, с готовыми пропорциями
Генератор favicon
Все размеры favicon и HTML-код для установки