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

Основная причина: сжатие без потерь.

Сжатие PNG работает как ZIP-файл, используя алгоритм DEFLATE, который упаковывает данные, не отбрасывая их, поэтому изображение перестраивает пиксель за пикселем. Сжатие такого типа работает путем нахождения повторение и предсказуемость. Плоская графика с несколькими цветами чрезвычайно повторяется: тысяча одинаковых белых пикселей подряд сжимается почти до нуля.

Фотография наоборот. Каждый пиксель немного отличается от своего соседа благодаря шуму сенсора и естественным градиентам, поэтому повторений, которые можно было бы использовать, практически нет. Компрессор пытается, мало что находит и сохраняет что-то близкое к необработанным пиксельным данным. Вот почему одно и то же фото может быть несколько мегабайт в формате PNG и несколько сотен килобайт в формате JPG, который отбрасывает незаметные различия, которые PNG добросовестно сохраняет.

Разрешение: множитель никто не замечает

Размер файла зависит от количества пикселей, а количество пикселей зависит от квадрата размеров. Удвойте ширину и высоту, и вы получите в четыре раза больше пикселей. Фотография шириной 6000 пикселей содержит в четыре раза больше данных того же снимка с разрешением 3000 и в шестнадцать раз больше, чем версия с разрешением 1500 пикселей.

Это важно, поскольку современные устройства по умолчанию создают огромные изображения. Последний телефон снимает 12 мегапикселей и более, а скриншот 4K имеет разрешение более 8 миллионов пикселей. Если это изображение будет отображаться на веб-странице шириной 800 пикселей, вы сохраните примерно в пятьдесят раз больше данных, чем кто-либо когда-либо увидит. Разрешение является единственной наиболее часто упускаемой из виду причиной раздутия PNG, и изменение размера ничего не дает для видимого качества, если изначально изображение было слишком большого размера.

Глубина цвета: PNG-24 против PNG-8.

PNG существует в разных вариантах, и неправильный занимает место. PNG-24 хранит миллионы цветов, используя по 8 битов для красного, зеленого и синего, которые действительно нужны фотографиям. PNG-8 ограничивает изображение палитрой из 256 цветов, чего достаточно для логотипа, значка или простой иллюстрации.

Сохранение двухцветного логотипа в формате PNG-24 означает, что каждый пиксель содержит 16 миллионов цветов, которые он никогда не будет использовать. Преобразование его в PNG-8 может сократить файл более чем наполовину без каких-либо видимых изменений, поскольку изображение всегда содержало лишь несколько цветов. Оба варианта поддерживают прозрачность, поэтому вы ничего не теряете. Многие редакторы по умолчанию используют PNG-24, поэтому многие простые графические изображения излишне тяжелы.

Метаданные и скрытый вес

Файлы PNG содержат больше пикселей. Цветовые профили, история редактирования, программные теги, временные метки и фрагменты текста — все это незаметно перемещается. На небольшом изображении эти издержки могут составлять удивительно большую долю файла. Оптимизатор без потерь удаляет этот материал и повторно упаковывает сжатие, обычно экономя От 10 до 30 процентов с нулевым изменением одного пикселя. Это самая безопасная оптимизация, поскольку впоследствии изображение становится побитно-идентичным.

Скриншоты: худший случай

Отдельного упоминания заслуживают скриншоты, поскольку они сочетают в себе все проблемы сразу. Операционные системы по умолчанию сохраняют их в формате PNG, и вы не можете изменить это в iOS или в большинстве инструментов захвата Windows. Полноэкранный снимок имеет высокое разрешение, и если он содержит фотографию, видеокадр или интерфейс с большим количеством градиентов, это фотографический контент, заключенный в формат без потерь. Именно с этим сценарием PNG справляется хуже всего, поэтому может работать один снимок экрана. от 3 МБ до 8 МБ. Размер их папки быстро достигает гигабайт, а при преобразовании их в JPG обычно требуется 80 и более процентов.

Самое быстрое решение: конвертировать в JPG

Для любого фотографического PNG преобразование в JPG — это самая большая экономия, и она занимает один шаг. Закиньте файл в нашу преобразователь, сохраняйте качество около 90, и многомегабайтный PNG станет размером в несколько сотен килобайт без видимых потерь. Пакетная обработка всей папки одновременно с помощью функции «Загрузить все». Это правильный шаг, если изображение непрозрачно и направляется в Интернет, по электронной почте или в форму загрузки. Точные настройки качества см. руководство по качеству.

Когда необходимо сохранять прозрачность

Если изображению нужен прозрачный фон, JPG не подходит, но у вас все еще есть три хороших варианта. WebP работает на 25–35 процентов меньше, чем PNG. сохраняя при этом альфа-канал, и каждый современный браузер поддерживает его. Уменьшение плоского изображения с PNG-24 до PNG-8 резко сжимает его без видимых изменений. А изменение размера дисплея до реальных размеров помогает независимо от формата. Наш конвертер напрямую экспортирует WebP, а Руководство по PNG и WebP охватывает компромиссы.

Диагностический контрольный список

Проработайте их по порядку и вы найдете причину:

Это фото или скриншот? Конвертировать в JPG. Уже одно это исправляет большинство случаев.
Размеры намного больше размера дисплея? Сначала измените размер, прежде чем менять формат.
Это плоское изображение, сохраненное в формате PNG-24? Пересохраните в формате PNG-8, чтобы вырезать палитру.
Нужна ли прозрачность? Используйте WebP, а не PNG.
Все еще немного великоват? Запустите оптимизатор без потерь, чтобы удалить метаданные.

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

Почему оптимизаторы не могут сохранить фотографический PNG

A reasonable instinct on finding a 6MB PNG is to run it through a PNG optimizer and expect a big win. It will not come, and the reason is worth understanding. Optimizers work losslessly: they strip metadata, try smarter filter choices, and repack the DEFLATE stream more efficiently. Каждое из этих достижений происходит благодаря удаление избыточности, а не деталей. A photograph has almost no redundancy left to remove, because its pixels are all slightly different. So the optimizer works hard and returns 10 or 15 percent, leaving you with a 5MB file that is still hopeless for email.

This is the clearest signal that the format is wrong for the content. When lossless optimisation barely moves the needle, it is telling you the file is not bloated by waste; it is honestly storing photographic data that PNG was never meant to hold. The answer is a format change, not more optimisation.

Ловушка прозрачности

Many large PNGs exist for one reason: someone needed transparency once, saved as PNG, and never revisited it. Вопрос, который стоит задать, заключается в том, является ли изображение альфа-канал по-прежнему нужен сегодня. Фотография продукта, вырезанная для заголовка веб-сайта, теперь может располагаться на простом белом участке, где прозрачность ничего не дает, а стоит вам мегабайты. Логотип, экспортированный в виде прозрачного PNG, можно использовать только в белом цвете.

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

Выбор правильного размера цели

Знание того, что PNG слишком велик, — это только половина проблемы; знать, к чему стремиться, — это вторая половина. В качестве грубого руководства, Полноэкранное изображение веб-героя должен занимать менее 200 КБ, фотография в статье — менее 100 КБ, миниатюра — менее 30 КБ, а вложение к электронной почте — менее нескольких мегабайт. В формах загрузки указывается собственный предел, обычно 100 КБ или 200 КБ, и это число не подлежит обсуждению.

Эти цели достижимы практически для любой фотографии, если она представляет собой JPG с разумным разрешением. Если у вас есть определенный предел, которому нужно соответствовать, Режим целевого размера в нашем преобразователь достигает его автоматически, выполняя поиск уровней качества для наиболее подходящей версии, что полностью исключает догадки. Руководство размером 100 КБ превышает наиболее запрашиваемый лимит.

В первую очередь предотвращение больших PNG

Исправлять раздутые файлы по одному медленнее, чем не создавать их. Несколько привычек останавливают проблему в самом ее источнике. Вкл. Windows 11, инструмент «Ножницы» позволяет вам выбрать JPG в диалоговом окне сохранения, поэтому снимок экрана, привязанный к форме загрузки, вообще никогда не становится PNG. Вкл. Мак, формат скриншота можно изменить с помощью команды терминала, если вы часто снимаете.

При экспорте из инструментов дизайна перед сохранением задайте два вопроса: нужна ли прозрачность и какой размер будет отображаться? Если ответ на первый вопрос отрицательный, экспортируйте JPG. Если ответ на второй вопрос — ширина 800 пикселей, экспортируйте с разрешением 800, а не 4000. Оба решения занимают секунду во время экспорта и позволяют вам сэкономить всю работу по преобразованию позже. Общий принцип заключается в том, что PNG должен быть осознанный выбор графики и прозрачности, а не по умолчанию, к которому вы стремитесь по привычке.

Какой размер PNG должен быть на самом деле?

Быстрая проверка работоспособности покажет, действительно ли файл раздут или просто правдив в отношении своего содержимого. А плоский логотип или значок разумный размер должен быть значительно меньше 50 КБ, а часто и меньше 10 КБ, как PNG-8; все, что больше, означает, что оно было сохранено в формате PNG-24 или с завышенным разрешением. А скриншот интерфейса с плоскими цветами и разумным сжатием текста, часто размером от 200 до 800 КБ, что нормально для PNG.

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

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

Почему мой PNG-файл такой большой?

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

Как уменьшить PNG?

Конвертируйте его в JPG для фотографий — самая большая экономия. Фотографический PNG падает на 60–90 процентов. в формате JPG. Для графики используйте WebP, PNG-8 или измените размер.

PNG больше, чем JPG?

Для фотографий гораздо больше. Эта же фотография примерно в десять раз больше PNG., поскольку PNG сохраняет каждый пиксель, а JPG отбрасывает незаметные детали.

Влияет ли разрешение на размер PNG?

Да, кардинально. Удвоение ширины и высоты увеличивает количество пикселей в четыре раза., поэтому PNG-изображение увеличенного размера во много раз тяжелее, чем изображение реального размера.

В чем разница между PNG-8 и PNG-24?

PNG-8 содержит 256 цветов; PNG-24 вмещает миллионы. Плоский логотип, сохраненный в формате PNG-24, занимает много места, а переключение на PNG-8 может уменьшить его вдвое без видимых изменений.

Почему мои скриншоты такие большие PNG?

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

Могу ли я сжать PNG без потери прозрачности?

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

Действительно ли помогают оптимизаторы PNG?

Скромно и безопасно. Они удаляют метаданные и переупаковывают их без потерь, экономя от 10 до 30 процентов. не меняя ни одного пикселя. Используйте один как последний проход.

Почему оптимизатор PNG не сильно сжимает мою фотографию?

Потому что оптимизаторы удаляют избыточность, а не детали, а фотографий почти не осталось. Прирост от 10 до 15 процентов сигнализирует о неправильном формате; вместо этого конвертируйте в JPG.

Действительно ли моему изображению все еще нужна прозрачность?

Часто нет. Многие PNG сохраняют альфа-канал, который никто не использует., оставшийся от старого рабочего процесса. Если сейчас он белый, конвертируйте его в JPG с белой заливкой.

К какому размеру файла мне следует стремиться?

Примерно: до 200 КБ для главного изображения, 100 КБ в статье, 30 КБ для миниатюры. В формах загрузки указывается собственный лимит, обычно 100 или 200 КБ.

Как мне перестать создавать огромные PNG?

Выбирайте формат осознанно. Ножницы в Windows 11 могут сохранять файлы JPG напрямую, а при экспорте из инструментов дизайна выберите JPG, если вам действительно не нужна прозрачность, в том размере, который он фактически отображает.

Какого размера должен быть обычный PNG?

А плоский логотип до 50 КБ, скриншот интерфейса от 200 КБ до 800 КБ.. Фотография не имеет приемлемого размера PNG, поскольку хранение данных фотографии без потерь всегда занимает несколько мегабайт.