У PNG дурная слава огромных файлов, и она заслужена — одна иконка может каким-то образом весить больше целой фотографии. Хорошая новость в том, что большая часть этого раздутия — пустая трата, и вы можете вырезать её, сохранив чёткие края и прозрачный фон, ради которых PNG изначально и был нужен.
Почему PNG такие большие
PNG — формат без потерь. В отличие от JPEG, он ничего не выбрасывает — хранит каждый пиксель точно. Это идеально для резких логотипов, иконок и скриншотов интерфейса, но означает, что файлу приходится честно описывать много данных.
Настоящий убийца — глубина цвета. Стандартный PNG может хранить до 16 миллионов цветов (24 бита) плюс полный канал прозрачности. Но ваш логотип, вероятно, использует дюжину цветов. Ваш набор иконок — может, пятьдесят. Вся эта неиспользуемая цветовая ёмкость всё равно стоит байтов, чтобы оставаться доступной. Вы платите за холст на 16 миллионов цветов, чтобы нарисовать картинку, которой нужно двадцать.
Есть и вторая ловушка: люди сохраняют фотографии как PNG. Фото действительно использует миллионы цветов и тонкие градиенты, так что PNG не может сжать его хорошо — файл выходит в пять-десять раз больше того же фото как JPEG или WebP. Если ваша «проблема PNG» на деле фотография, решение — конвертировать её, а не сжимать.
Квантование: решение, сохраняющее прозрачность
Для настоящих PNG — плоский цвет, чёткие края, прозрачность — выигрышный ход это квантование цвета. Вместо хранения миллионов возможных цветов изображение сводится к тщательно подобранной палитре из 256 цветов. Поскольку ваше изображение всё равно никогда не использовало больше доли этого, результат выглядит идентично, а файл падает на 60–80%.
Часть, из-за которой люди волнуются: не уничтожит ли это прозрачный фон? Нет. Квантование сокращает цветовую палитру, но канал прозрачности (альфа) сохраняется. Ваш логотип всё так же чисто ложится на любой фон — без белого прямоугольника, без серой каймы. Это та же техника, что используют известные оптимизаторы PNG в духе «tinify», и именно поэтому они так драматично ужимают прозрачные PNG.
Сжатие изображений от IMG.DIY применяет квантование до 256 цветов к PNG автоматически. Вы не выбираете число качества — для формата без потерь ползунка качества нет — вы просто перетаскиваете файл и получаете куда меньший PNG с нетронутой прозрачностью.
Быстрый чек-лист для прозрачных PNG
- Убедитесь, что это действительно графика, а не фото. Логотипы, иконки, иллюстрации и скриншоты интерфейса → сжимайте как PNG. Фотографии → конвертируйте в WebP (который тоже поддерживает прозрачность) или JPEG (который нет).
- Обрежьте завышенные размеры. Иконка 2000px, показанная в 200px, — это в 100 раз больше пикселей, чем ей нужно. Сначала ограничьте ширину — у инструмента сжатия есть опциональный лимит ширины.
- Квантуйте. Пусть сокращение до 256 цветов сделает тяжёлую работу. Прозрачность выживет.
- Проверьте края. Откройте на 100% и проверьте альфа-края на пёстром фоне, чтобы убедиться, что они чистые.
Обработайте пакетом, сохраните приватность
Если у вас целый набор иконок или папка экспортированной графики, не нужно идти по одному. Инструмент сжатия обрабатывает пакеты и возвращает ZIP, и он никогда не выдаёт файл больше оригинала — так что папка уже плотных PNG случайно не разрастётся.
Всё работает целиком в вашем браузере через Canvas и WebAssembly. Ваши PNG никогда никуда не загружаются, а после первого визита инструмент кэшируется и работает офлайн. Сожмите брендовые ассеты клиента в поезде без сигнала — и ничего не покинет ваш ноутбук.
Вывод: PNG большие, потому что копят цветовую ёмкость, которую вы не используете. Квантуйте до 256 цветов, сохраните прозрачность и смотрите, как файл ужимается без видимого изменения.