Как уменьшить вес PNG: рабочие способы на компьютере, в браузере и на телефоне

PNG часто выбирают ради чётких букв, ровных линий и прозрачного фона, но расплачиваться за это приходится размером файла. Один и тот же логотип может занимать 80 КБ или 800 КБ, хотя при обычном просмотре оба варианта выглядят почти одинаково. Причина не сводится к одной кнопке «Сжать»: на вес влияют ширина и высота в пикселях, число цветов, наличие полупрозрачных областей, служебные блоки, способ экспорта и содержание самой картинки. Поэтому безопасное уменьшение начинается не со случайного ползунка, а с определения того, какие данные можно убрать без ущерба для задачи.

Здесь разобраны отдельные рабочие процессы для компьютера, браузера и телефона. Они не взаимозаменяемы. ФотоМАСТЕР и Paint уменьшают вес главным образом через корректировку пиксельных размеров; Photoshop даёт ручной контроль над палитрой и прозрачностью; RIOT показывает оригинал и результат рядом; TinyPNG автоматически сокращает палитру и очищает лишние данные; iLoveIMG удобен, когда требуется быстро уменьшить ширину и высоту нескольких PNG с любого устройства. Для каждого пути указаны точные действия, признаки удачного результата и способ вернуться к оригиналу.

Главное правило — никогда не работать с единственным экземпляром. Создайте папку «PNG_original», скопируйте туда оригинал и не открывайте его через команду, которая сохраняет результат поверх файла. Рабочей копии дайте понятное имя, например banner-1600-original.png, а варианты называйте по фактическому изменению: banner-1200.png, banner-palette.png, banner-tinypng.png. Тогда сравнение не превратится в угадывание, а неудачную обработку можно будет отменить простым удалением копии.

Почему PNG весит много и что именно можно уменьшать

PNG хранит пиксели без типичных для JPEG блочных артефактов и размытых ореолов, поэтому хорошо подходит для скриншотов, схем, иконок, текста на однотонном фоне и графики с альфа-каналом. Сам формат использует сжатие без потерь, однако выражение «без потерь» относится к выбранному набору пикселей и цветов. Если в изображении 4000 × 3000 пикселей, миллионы значений всё равно нужно записать. Если каждый пиксель может иметь плавную прозрачность и один из миллионов оттенков, данных будет больше, чем у небольшой иконки с двадцатью цветами.

Есть четыре независимых рычага. Первый — геометрические размеры. Уменьшение ширины вдвое и высоты вдвое сокращает число пикселей примерно в четыре раза. Это сильный метод, но он необратимо удаляет детализацию. Второй — палитра: полноцветный PNG можно перевести в индексированный вариант с ограниченным числом оттенков. Для плоской графики это часто почти незаметно, для фотографий и градиентов может появиться постеризация. Третий — оптимизация структуры и повторное кодирование без изменения пикселей. Экономия обычно скромнее, зато визуальный риск минимален. Четвёртый — удаление метаданных и дополнительных блоков. Такой выигрыш зависит от исходного файла: иногда это считанные байты, иногда заметная доля.

Сначала определите назначение файла

• Скриншот интерфейса. Сохраняйте PNG, не уменьшайте ширину ниже реальной ширины блока на сайте и проверяйте мелкий текст при масштабе 100%.
• Логотип или пиктограмма. Обычно допустимо сократить палитру, но обязательно проверьте полупрозрачные края на светлом и тёмном фоне.
• Фотография без прозрачности. PNG может быть неудачным форматом. Эта инструкция не подменяет отдельную задачу конвертации: сначала попробуйте уменьшить размеры или оптимизировать PNG, а решение о смене формата принимайте по требованиям площадки.
• PNG для печати. Не ориентируйтесь только на килобайты. Сначала сохраните достаточное число пикселей для требуемого физического размера, цветовой профиль и нужные служебные данные.
• Картинка для формы с лимитом. Выясните, проверяет ли сайт только вес файла или ещё ширину, высоту и формат. Попытка попасть в лимит любой ценой часто приводит к нечитаемому изображению.

Как понять, где находится основной резерв

Откройте свойства файла и запишите три значения: вес, ширину, высоту. Затем посмотрите картинку при масштабе 100%. Если она заметно шире области, где будет использоваться, основной резерв находится в пикселях. Если размеры уже соответствуют задаче, но это скриншот с несколькими цветами, резерв, вероятно, в палитре и оптимизации PNG. Если файл прошёл несколько редакторов и содержит профиль, текстовые комментарии или данные создания, часть веса может занимать служебная информация. Для прозрачного объекта отдельно осмотрите края: широкая полупрозрачная тень способна увеличить сложность данных сильнее, чем кажется.

Не путайте разрешение в пикселях с DPI. Для загрузки на сайт почти всегда важны фактические ширина и высота, например 1200 × 800 пикселей. Запись 72, 96 или 300 DPI сама по себе обычно не уменьшает число пикселей и потому не гарантирует меньший файл. Если редактор меняет только значение DPI без пересчёта изображения, вес может остаться прежним. Ориентируйтесь на пиксели и итоговый размер на диске.

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

Как выбрать способ без лишних проб

Исходная ситуация	Подходящий способ	Что меняется	Главный контроль
PNG намного шире, чем нужен на сайте	ФотоМАСТЕР, Paint или iLoveIMG	Ширина и высота в пикселях	Мелкий текст, тонкие линии, пропорции
Нужна точная палитра и прозрачность	Photoshop	PNG-8 или PNG-24, число цветов, dithering, метаданные	Градиенты и полупрозрачные края
Нужно видеть размер и качество рядом	RIOT	Палитра, квантование, компрессия, служебные данные	Двойной просмотр и размер результата
Нужен быстрый автоматический результат	TinyPNG	Палитра и метаданные обрабатываются сервисом	Прозрачность, оттенки, показанная экономия
Работа ведётся с телефона или партией файлов	iLoveIMG в мобильном браузере	Пиксельные размеры по максимуму или проценту	Фактические размеры каждого файла после загрузки

Оптимальная последовательность для сложного файла состоит из двух этапов. Сначала приведите картинку к реальным пиксельным размерам, затем примените аккуратную PNG-оптимизацию. Например, баннер шириной 3000 пикселей, который выводится на странице шириной 1200 пикселей, сначала уменьшите до 1200–1600 пикселей с учётом экранов высокой плотности, а уже потом отправляйте в TinyPNG или обрабатывайте в RIOT. Обратный порядок не запрещён, но оптимизатор потратит время на данные, которые всё равно будут удалены при последующем масштабировании.

Для картинки с критичной прозрачностью сделайте контрольный фон: белый, чёрный и насыщенный цвет. Проверяйте результат на всех трёх. На стандартной шахматной подложке редактора тонкий светлый ореол может быть незаметен, а на тёмной странице проявится сразу. Для скриншота выделите контрольные фрагменты: текст размером около 12–14 пикселей, диагональные линии, плавный градиент и участок с тонкой сеткой. Если эти зоны пережили уменьшение, остальная часть обычно тоже выглядит нормально.

Перед выбором инструмента сформулируйте результат одной фразой. «Нужно сделать файл легче» слишком расплывчато. Рабочая постановка звучит так: «получить PNG шириной не более 1400 пикселей, весом до 500 КБ, с сохранённой прозрачностью и читаемым текстом». Тогда понятно, какие параметры менять и что проверять после каждого шага.

Способ № 1. ФотоМАСТЕР: уменьшение PNG на компьютере

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

Этот путь удобен, когда файл уже открыт для обработки и нет смысла переносить его в отдельный сервис. Например, скриншот получен в размере 2560 × 1440, а в статье он будет показан шириной 1000–1200 пикселей. Сокращение ширины до реального диапазона уменьшит объём сильнее, чем попытка бесконечно пересохранять исходные 2560 пикселей. При этом не включайте случайные эффекты, резкость или шумоподавление: задача здесь состоит в геометрии и корректном экспорте.

Шаг 1. Создайте копию и откройте PNG

1. В Проводнике или Finder скопируйте исходный файл в отдельную рабочую папку.
2. Запустите редактор и нажмите «Открыть фото» в стартовом окне. Можно также перетащить копию PNG в рабочую область.
3. После загрузки убедитесь, что открылась нужная версия. Сверьте имя файла и визуально проверьте прозрачные области: они не должны быть заранее залиты цветом.
4. До любых изменений посмотрите на строку состояния или свойства изображения и запишите исходные размеры.

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

Шаг 2. Проверьте кадр до изменения размера

Лишние поля увеличивают вес так же, как полезные пиксели. Если вокруг логотипа оставлено по 500 прозрачных пикселей с каждой стороны, кодировщик обязан хранить и эту область. Откройте «Инструменты» → «Кадрирование», подтяните рамку к содержимому и оставьте только необходимый технический отступ. Не обрезайте тени и полупрозрачные края вплотную: у них может быть мягкое окончание, которое видно лишь на контрастном фоне.

Для скриншота уберите пустые панели, рабочий стол и окна, не относящиеся к инструкции. Практическая проверка проста: читатель должен сразу видеть нужную кнопку, а не искать её на гигантском полотне. Кадрирование часто даёт более чистый и лёгкий результат, чем грубое уменьшение всей сцены.

Шаг 3. Откройте режим изменения размера

1. Нажмите «Файл» в верхней панели.
2. Выберите «Изменить размер и сохранить».
3. Не используйте обычное «Сохранить» для первой пробы: отдельный экспорт позволяет оставить открытый проект и сравнить несколько вариантов.
4. В окне экспорта выберите сценарий, где можно задать пиксельные размеры вручную.

Шаг 4. Рассчитайте новую ширину

Начните от конечного места использования. Для блока сайта шириной 900 пикселей обычно достаточно файла 900–1350 пикселей, в зависимости от того, нужен ли запас для экранов высокой плотности и увеличения. Для вложения в письмо ориентируйтесь на комфортный просмотр без масштабирования. Для мессенджера не уменьшайте изображение заранее до крошечного размера, если получатель должен читать мелкий текст.

Сохраняйте пропорции. Если оригинал 2400 × 1600 и нужна ширина 1200, высота должна стать 800. Ручной ввод 1200 × 900 растянет картинку и исказит круги, лица и шрифты. Если рядом с размерами есть значок связи или настройка сохранения пропорций, оставьте её включённой. Меняйте одну сторону, вторую редактор рассчитает автоматически.

Для первого теста не сокращайте ширину сразу в четыре раза. Сделайте промежуточный вариант: например, 2400 → 1600 пикселей, оцените читаемость, затем при необходимости экспортируйте 1200 пикселей снова из оригинала, а не из уже уменьшенной копии. Повторное масштабирование готового маленького файла накапливает интерполяционные изменения.

Шаг 5. Выберите PNG и сохраните отдельный вариант

1. В списке форматов укажите PNG. Не выбирайте JPEG, если нужна прозрачность, чёткий текст или сохранение именно формата PNG.
2. Задайте новую ширину и убедитесь, что высота изменилась пропорционально.
3. Выберите папку, отличную от папки с оригиналом, либо добавьте к имени суффикс с шириной: -1200.
4. Нажмите кнопку сохранения и дождитесь завершения записи.
5. Не закрывайте редактор, пока новый файл не прошёл проверку: открытый проект позволит быстро повторить экспорт с другими размерами.

Шаг 6. Сравните не только вес, но и полезность

Откройте свойства оригинала и новой копии. Запишите вес и пиксельные размеры в одну строку, например: «2560 × 1440 — 2,8 МБ; 1280 × 720 — 640 КБ». Затем откройте оба файла по очереди при масштабе 100%. Если результат предназначен для сайта, дополнительно поместите его в тестовый блок реальной ширины. Картинка может выглядеть резкой в просмотрщике при уменьшенном масштабе и оказаться мягкой в фактическом размере.

Проверяйте три зоны: контуры букв, диагонали и прозрачные границы. Лёгкое смягчение фотографии допустимо, но текст на скриншоте должен читаться без напряжения. Если буквы потеряли форму, вернитесь к оригиналу и экспортируйте более широкую версию. Не пытайтесь «спасти» слишком маленький файл сильным повышением резкости: вокруг текста появятся светлые и тёмные ореолы.

Когда этот способ не даст большого выигрыша

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

Откат и повторный экспорт

Если результат оказался слишком мягким, не увеличивайте его обратно. Закройте неудачную копию, вернитесь к открытому оригиналу и задайте большую ширину. Если после кадрирования исчез край тени, отмените действие через Ctrl+Z или снова откройте мастер-копию. Каждая новая проба должна создаваться из исходных пикселей, иначе невозможно отличить эффект текущего параметра от накопленных изменений.

Плюсы и минусы

• Плюсы: понятный настольный процесс, кадрирование и размер меняются в одном месте, оригинал легко сохранить отдельно, путь «Файл» → «Изменить размер и сохранить» воспроизводим.
• Минусы: нет такой детальной работы с индексированной палитрой, как в Photoshop или RIOT; уменьшение пикселей меняет изображение; для одной только без потерь оптимизации нужен другой инструмент.

Способ № 2. Adobe Photoshop: контроль палитры, прозрачности и размера

Платформа: Windows и macOS. Сильный сценарий: нужно выбрать между PNG-8 и PNG-24, ограничить число цветов, настроить dithering, сохранить прозрачность и увидеть предполагаемый вес до записи. Ограничение: неверный выбор палитры быстро портит градиенты и полупрозрачные края; интерфейс «Сохранить для Web» содержит много параметров, которые нельзя менять вслепую.

Photoshop полезен не потому, что у PNG есть условный ползунок качества от 0 до 100. В традиционном окне «Сохранить для Web» логика другая: полноцветный PNG-24 сохраняет богатую цветовую информацию и плавную прозрачность, а PNG-8 использует индексированную палитру. Вес PNG-8 можно снижать уменьшением числа цветов, но это осознанное упрощение данных. Для скриншотов, логотипов и плоских иллюстраций метод эффективен; для фотографии с небом, тенями и полупрозрачным дымом он требует осторожности.

Шаг 1. Откройте копию и зафиксируйте исходные свойства

1. Выберите «Файл» → «Открыть» и укажите рабочую копию PNG.
2. Откройте «Изображение» → «Размер изображения» и запишите ширину и высоту в пикселях.
3. Если файл содержит слои, сохраните рабочий документ отдельно в PSD. Экспортированный PNG не заменяет редактируемый проект.
4. Проверьте холст на прозрачные поля. При необходимости используйте кадрирование или команду удаления прозрачных полей, но оставьте технологический отступ там, где он действительно нужен.

Шаг 2. Решите, нужно ли уменьшать пиксели

Если файл шире места использования, уменьшите его до требуемого диапазона до настройки палитры. Откройте «Изображение» → «Размер изображения», включите ресамплинг и сохранение пропорций, затем задайте новую ширину. Для уменьшения используйте подходящий алгоритм ресамплинга, доступный в вашей версии. После изменения посмотрите на изображение при 100%: тонкий текст и однопиксельные линии должны оставаться различимыми.

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

Шаг 3. Откройте «Сохранить для Web»

1. Перейдите «Файл» → «Экспорт» → «Сохранить для Web».
2. В старых версиях название может содержать пометку Legacy; смысл окна остаётся прежним.
3. Выберите режим просмотра с оригиналом и оптимизированным вариантом. Не оценивайте результат только по маленькой общей миниатюре.
4. Установите масштаб 100% или увеличьте проблемный участок: градиент, мелкий текст, волосы, тень или полупрозрачный край.

Шаг 4. Проверьте PNG-24 как безопасную точку отсчёта

В списке форматов выберите PNG-24 и включите Transparency, если оригинал содержит прозрачность. Этот вариант сохраняет полноцветное изображение и многоуровневую прозрачность, поэтому служит контрольной точкой. Посмотрите на предполагаемый вес в нижней части окна. Если он уже укладывается в требование, не усложняйте работу переводом в PNG-8: меньший файл не имеет смысла, если цена — полосы на градиенте или грубые края.

Параметр Interlaced меняет способ постепенного отображения PNG при загрузке, но не является универсальной кнопкой уменьшения веса. Включайте его только когда нужен именно такой режим отображения и сравнивайте фактический размер. Метаданные для веб-копии обычно можно ограничить, но не удаляйте авторские или цветовые сведения, если они важны для рабочего процесса.

Шаг 5. Попробуйте PNG-8 для графики с ограниченной палитрой

Переключитесь на PNG-8 и начните с 256 цветов. Прозрачность оставьте включённой, если она нужна. Сравните не только общий вид, но и края объекта. Затем уменьшайте число цветов ступенями: 256 → 128 → 64 → 32. После каждого изменения ждите обновления предпросмотра и размера. Остановитесь на последнем значении, где визуальные изменения ещё не мешают задаче.

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

Dither помогает визуально имитировать недостающие оттенки за счёт узора из доступных цветов. Он может смягчить полосы на градиенте, но добавляет высокочастотную структуру, которая иногда увеличивает файл и создаёт зернистость. Сравните варианты без dithering и с умеренным значением. Для плоской иконки чаще полезно выключить или минимизировать его; для мягкого перехода небольшой dithering может выглядеть лучше.

Шаг 6. Проверьте альфа-канал и матовый цвет

При экспорте PNG-8 особенно внимательно осмотрите полупрозрачные пиксели. В зависимости от режима часть прозрачности может быть представлена проще, чем в PNG-24. Если по краю появился светлый или тёмный ободок, не маскируйте его случайным Matte. Вернитесь к PNG-24 либо подготовьте край под конкретный фон, только если фон гарантированно постоянный.

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

Шаг 7. Сохраните вариант и повторите контроль вне Photoshop

1. Нажмите «Сохранить» в окне веб-экспорта.
2. Дайте файлу имя, отражающее настройку, например icon-png8-64.png или screen-png24-1200.png.
3. Откройте файл в браузере и системном просмотрщике. Это исключает ситуацию, когда результат хорошо выглядит только внутри окна экспорта.
4. Сверьте фактический вес в свойствах файла с оценкой Photoshop.
5. Проверьте прозрачность, текст, градиенты и соответствие пиксельных размеров.

Ошибки при работе в Photoshop

• Слишком резкий переход к 16 цветам. Появляются пятна и ступени. Вернитесь к 64 или 128 и сравните выигрыш: иногда несколько килобайт не стоят заметного дефекта.
• Оценка при масштабе «По размеру окна». Мелкие проблемы скрываются. Переключитесь на 100% и отдельно осмотрите критические зоны.
• Перезапись единственного PSD или PNG. Экспортируйте копию; редактируемый документ и исходная графика должны оставаться отдельно.
• Выключенная прозрачность. Прозрачные области заполняются матовым цветом. Отмените экспорт и включите Transparency.
• Попытка уменьшить фотографию палитрой любой ценой. Для сложного тонального изображения сначала оцените пиксельные размеры и уместность формата.

Плюсы и минусы

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

Способ № 3. Paint: быстро уменьшить PNG за счёт пикселей

Платформа: Windows. Сильный сценарий: файл значительно больше нужной ширины, а сложные настройки палитры не требуются. Ограничение: Paint не показывает гибкие параметры PNG-компрессии и не предназначен для тонкой оптимизации; уменьшение веса достигается прежде всего пересчётом пикселей.

Paint полезен как минимальный инструмент: открыть, изменить размер, сохранить копию. Этот путь подходит для скриншота 3000 пикселей шириной, который должен стать 1200 пикселей. Он не подходит, если размеры уже идеальны, а задача состоит в без потерь пересжатии структуры PNG. Не ищите в Paint несуществующий ползунок качества PNG — контролировать нужно геометрию и визуальный результат.

Шаг 1. Запустите Paint и откройте копию

1. Откройте меню «Пуск», введите Paint и запустите приложение.
2. Нажмите «Файл» → «Открыть».
3. Выберите заранее созданную копию PNG.
4. После загрузки убедитесь, что полотно соответствует оригиналу и изображение не было вставлено из буфера с другим размером.

Шаг 2. Откройте окно «Изменить размер»

На вкладке «Главная» нажмите «Изменить размер». В разных сборках Windows кнопка может выглядеть как отдельная команда или значок в группе работы с изображением. В диалоге выберите единицы «Пиксели», если известна конечная ширина. Проценты удобны только для грубой пробы: значение 50% уменьшает обе стороны вдвое при сохранённых пропорциях, но не гарантирует попадание в точную ширину блока.

Шаг 3. Сохраните пропорции и задайте ширину

1. Установите переключатель «Пиксели».
2. Оставьте включённым «Сохранить пропорции».
3. Введите новую горизонтальную ширину. Вертикальное значение должно пересчитаться автоматически.
4. Нажмите ОК и посмотрите на результат при масштабе 100%.

Если Paint показывает только часть изображения после уменьшения, это может быть связано с масштабом окна, а не с обрезкой. Используйте управление масштабом внизу и выберите 100%. Если пропорции случайно отключены и картинка стала вытянутой, сразу нажмите Ctrl+Z, снова откройте диалог и включите соответствующий флажок.

Шаг 4. Сохраните через «Сохранить как»

1. Откройте «Файл» → «Сохранить как».
2. Выберите «Изображение в формате PNG».
3. Укажите новое имя и другую папку либо добавьте к имени конечную ширину.
4. Проверьте, что расширение осталось .png.
5. Закройте Paint только после открытия и проверки нового файла.

Как определить удачную ширину

Для обычного изображения на странице начните с фактической ширины контейнера. Если картинка выводится максимум 1000 пикселей, вариант 1200–1500 пикселей оставляет разумный запас. Для скриншота с текстом проверьте самую мелкую надпись: она должна читаться без увеличения в том размере, в котором пользователь увидит изображение. Для QR-кода, штрихкода и технической схемы проведите функциональный тест, а не только визуальный: код должен сканироваться, а обозначения — различаться.

Вес после уменьшения может сократиться не пропорционально числу пикселей. Содержание изображения влияет на эффективность PNG: однотонные области сжимаются лучше сложного шума. Если скриншот содержит зернистый фон, фотографию или большое размытие, файл останется сравнительно тяжёлым. В таком случае после Paint используйте TinyPNG или RIOT, но работайте уже с уменьшенной копией.

Что делать, если новый файл стал больше

Такое возможно, если оригинал уже был хорошо оптимизирован, а Paint записал его с другими параметрами. Сначала убедитесь, что пиксельные размеры действительно уменьшились. Если да, но вес вырос, не повторяйте сохранение несколько раз. Вернитесь к оригиналу, снова уменьшите его и передайте результат специализированному оптимизатору. Если размеры не изменились, вероятно, было выбрано только другое масштабирование просмотра или введено значение 100%.

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

Откат и сохранение оригинала

Если вы случайно нажали Ctrl+S, не продолжайте работу. Закройте Paint и восстановите оригинал из резервной папки. История отмены действует только в текущем сеансе и не заменяет копию. При следующем запуске открывайте мастер, сразу выбирайте «Сохранить как», создавайте рабочую версию, а уже затем меняйте размер.

Плюсы и минусы

• Плюсы: доступен в Windows, короткий путь, точный ввод пикселей, удобно создавать копию через «Сохранить как».
• Минусы: нет сравнения исходного и оптимизированного веса в реальном времени, нет управления палитрой и метаданными, повторное сохранение не гарантирует оптимальный PNG.

Способ № 4. RIOT: сравнение оригинала и оптимизированного PNG

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

RIOT показывает исходное и оптимизированное изображение рядом и обновляет оценку размера. Это особенно полезно для PNG, где снижение числа цветов может резко уменьшить файл, но дефект проявляется локально: на мягкой тени, градиенте или сглаживании букв. Вместо циклов «сохранить — открыть — сравнить» можно менять настройку и сразу смотреть проблемный участок.

Шаг 1. Откройте копию файла

1. Запустите RIOT и нажмите Open или используйте «Файл» → Open.
2. Выберите рабочую копию PNG.
3. Если программа предлагает изменить слишком большое изображение при открытии, не подтверждайте автоматически. Сначала решите, нужны ли исходные пиксели.
4. Убедитесь, что слева отображается Initial image, а справа — Optimized image.

Шаг 2. Переключитесь на формат PNG

В нижней части окна выберите вкладку PNG. Не настраивайте JPEG Quality, если конечный файл обязан оставаться PNG: эти параметры относятся к другому формату. После переключения появятся настройки, связанные с палитрой, числом цветов, квантованием, dithering и уровнем компрессии. Названия могут немного различаться между версиями, поэтому ориентируйтесь на вкладку формата и назначение параметров.

Сначала оставьте безопасные значения и дождитесь обновления правой панели. Запишите исходный вес и первоначальный оптимизированный вес. Эта точка показывает, что программа способна получить без агрессивного сокращения палитры. Если уже достигнут нужный лимит, не снижайте цвета дальше.

Шаг 3. Настройте палитру ступенями

1. Выберите режим оптимальной палитры, если он доступен.
2. Начните с 256 цветов.
3. Уменьшайте значение последовательно до 128, 64 и 32, каждый раз дожидаясь пересчёта.
4. Сравнивайте области с градиентом, сглаживанием текста и полупрозрачной тенью.
5. Вернитесь на одну ступень вверх при появлении полос, цветовых пятен или грубого контура.

Не оценивайте только процент экономии. Файл на 10 КБ меньше, но с испорченным логотипом, хуже варианта чуть тяжелее. Для интерфейсного скриншота сохранность букв и линий важнее максимального сокращения. Для простой пиктограммы, наоборот, палитра из 32 цветов может быть полностью достаточной.

Шаг 4. Сравните алгоритм квантования и dithering

Алгоритм квантования решает, какие цвета оставить в ограниченной палитре. Быстрый вариант удобен для первичной оценки; более тяжёлый может лучше распределить оттенки, но займёт больше времени. Сделайте два варианта одного файла с одинаковым числом цветов и разными алгоритмами, затем сравните не только вес, но и цветовые ошибки.

Dithering добавляет регулярное или псевдослучайное чередование пикселей, чтобы глаз видел промежуточный оттенок. Для плавного неба это может скрыть ступени, но для однотонного фона создаст заметную крупу. Начинайте с минимального воздействия. Если без dithering градиент уже чистый, не включайте его «на всякий случай».

Увеличьте обе панели до одного масштаба и прокрутите к одному участку. Разное положение изображений создаёт ложное ощущение, что вариант справа резче или темнее. Сравнение должно быть симметричным: одинаковый масштаб, одинаковая область, одинаковый фон вокруг.

Шаг 5. Проверьте метаданные и PNG Optimizer

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

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

Шаг 6. Сохраните через Save As

1. Нажмите Save или «Файл» → Save As.
2. Укажите новое имя, включающее число цветов или назначение варианта.
3. Не соглашайтесь на перезапись мастер-файла.
4. Откройте сохранённый PNG вне RIOT и проверьте прозрачность на разных фонах.
5. Сверьте фактический размер на диске и размеры в пикселях.

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

Функция ограничения до заданного веса полезна, когда форма принимает файл не больше определённого значения. Задайте лимит с запасом: если сайт требует не более 500 КБ, разумно целиться в 480–490 КБ, потому что разные интерфейсы могут округлять размер по-разному. После автоматического подбора настроек проверьте результат вручную. Если качество стало неприемлемым, не продолжайте уменьшать палитру: вернитесь к оригиналу и сократите пиксельные размеры на 10–20%, затем повторите оптимизацию.

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

Ошибки и откат

• Выбран JPEG вместо PNG. Вернитесь на вкладку PNG до сохранения; иначе прозрачность и характер артефактов изменятся.
• Слишком мало цветов. Поднимите палитру на одну или две ступени и повторно сравните градиенты.
• Оптимизация идёт слишком долго. Отключите тяжёлый внешний оптимизатор для проб, найдите настройки, затем включите его только для финала.
• Файл не уменьшается. Оригинал мог быть уже оптимизирован. Проверьте размеры, метаданные и реальное число цветов; иногда дальнейшая экономия без визуальных потерь мала.
• Оригинал перезаписан. Закройте файл без новых сохранений и восстановите мастер из резервной папки. Поэтому копия создаётся до запуска RIOT.

Плюсы и минусы

• Плюсы: двойной просмотр, оценка размера в реальном времени, управление палитрой и метаданными, режим попадания в заданный вес.
• Минусы: только настольный сценарий, много настроек, глубокая оптимизация может быть медленной, неправильная палитра портит градиенты.

Способ № 5. TinyPNG: автоматическое сжатие в браузере

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

TinyPNG применяет интеллектуальное сжатие с потерями: похожие цвета объединяются, полноцветный PNG при подходящем содержании может стать индексированным, а лишние метаданные удаляются. Визуальные изменения часто малозаметны, но слово «часто» не означает «всегда». Логотип с фирменным оттенком, медицинская схема, карта высот или график с близкими цветами требуют особенно строгой проверки.

Шаг 1. Подготовьте файл перед загрузкой

Сначала уменьшите избыточные пиксельные размеры локально. Не отправляйте скриншот 5000 пикселей шириной, если он нужен на странице шириной 1200: сервис оптимизирует лишние данные, но не решит задачу компоновки так предсказуемо, как редактор. Убедитесь, что имя файла не содержит конфиденциальной информации и что в самом изображении нет личных данных, которые нельзя передавать внешнему сервису.

Сделайте копию и запишите исходный вес. Не открывайте и не пересохраняйте PNG промежуточно в случайной программе — это может изменить файл ещё до отправки и затруднить сравнение. Для рабочего проекта полезно создать таблицу из трёх столбцов: имя, исходный вес, итоговый вес. В партии сразу видно, какой файл не прошёл обработку или неожиданно стал больше.

Шаг 2. Загрузите PNG

1. Откройте сайт TinyPNG в браузере.
2. Перетащите PNG в область загрузки или нажмите на неё и выберите файл.
3. Дождитесь появления строки с именем и индикатором обработки.
4. Не закрывайте вкладку до завершения, особенно при мобильном подключении.

Шаг 3. Считайте результат правильно

После обработки сервис показывает исходный и новый размер, а также процент экономии. Процент удобен для быстрой оценки, но решение принимайте по абсолютному весу и качеству. Сокращение на 70% впечатляет, однако для оригинала 40 КБ это может быть несущественно; экономия 20% у файла 8 МБ, наоборот, заметна.

Если результат получился почти такого же размера, файл мог быть уже оптимизирован, иметь мало цветов или содержать данные, которые плохо поддаются дополнительному сокращению. Не загружайте его снова и снова: повторное сжатие с потерями может накапливать изменения без большого выигрыша. Вернитесь к оригиналу и попробуйте уменьшение пикселей либо ручную палитру в Photoshop или RIOT.

Шаг 4. Скачайте файл под новым именем

1. Нажмите Download у готового файла.
2. Сохраните результат в папку «PNG_варианты», а не поверх оригинала.
3. Переименуйте файл так, чтобы было видно происхождение, например -tinypng.
4. Если обработано несколько файлов, распакуйте пакет в отдельную папку и не смешивайте его с оригиналами.

Шаг 5. Проверьте цвет, прозрачность и метаданные

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

Учтите, что удаление метаданных способно изменить отображаемое значение DPI или цветового профиля. Для веб-копии это часто приемлемо; для пакета, печати и материалов с обязательным авторством — нет. Храните мастер отдельно и используйте TinyPNG именно как финальный этап подготовки копии.

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

Работа на телефоне

В мобильном браузере нажмите область загрузки и выберите PNG из приложения «Файлы» или системного медиавыбора. После завершения нажмите Download и найдите файл в папке загрузок браузера. Не ориентируйтесь на миниатюру в галерее: мобильная система может показывать её с собственным масштабированием. Откройте сведения о файле и проверьте вес, затем увеличьте изображение до 100% и осмотрите текст.

На iPhone и Android путь к скачанному файлу различается, поэтому надёжнее использовать команду браузера «Показать загрузки». Если результат автоматически открылся в новой вкладке, сохраните его через меню «Поделиться» → «Сохранить в Файлы» или аналогичную команду. Не делайте скриншот результата: скриншот создаст новый PNG с другими пикселями и сведёт оптимизацию на нет.

Когда TinyPNG лучше не использовать

• Изображение содержит конфиденциальные данные и не должно покидать устройство.
• Нужно гарантированно сохранить все метаданные и цветовой профиль.
• Требуется точное число цветов или ручное управление dithering.
• Файл должен остаться побитово идентичным по пикселям и структуре, кроме без потерь перекодирования.
• Нестабильное соединение мешает безопасно загрузить и скачать большой файл.

Откат и повторная попытка

Если результат не устраивает, удалите только скачанную копию. Не отправляйте её в сервис повторно. Вернитесь к оригиналу, при необходимости уменьшите ширину на контролируемый шаг и загрузите новую независимую копию. Такой порядок позволяет понять, помогла ли геометрия, и не смешивает два поколения сжатия с потерями.

Плюсы и минусы

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

Способ № 6. iLoveIMG: уменьшение PNG через Resize Image в браузере и на телефоне

Платформа: браузер на компьютере, Android и iOS. Сильный сценарий: нужно изменить ширину и высоту одного или нескольких PNG без установки программы. Ограничение: изменение размера удаляет пиксели; это не равно без потерь оптимизации. Для автоматического пересжатия у сервиса есть отдельный инструмент Compress Image, но показанный процесс ниже посвящён именно контролируемой геометрии.

iLoveIMG удобно использовать, когда вы получили несколько PNG разной ширины и хотите привести их к единому максимальному размеру. Сервис предлагает режим By pixels и By percentage, сохранение пропорций и запрет увеличения маленьких файлов. Это важное отличие от простого процента: можно задать максимальную ширину, а меньшие картинки оставить без искусственного растягивания.

Шаг 1. Выберите правильный инструмент

На странице набора инструментов откройте Resize Image, а не Compress Image. Первый меняет пиксели и подходит, когда оригинал слишком большой геометрически. Второй автоматически оптимизирует вес при сохранении размеров. Перед началом сформулируйте цель: «сделать ширину не больше 1400 пикселей» или «уменьшить файл без изменения ширины». Если цель в пикселях — нужен Resize Image.

Шаг 2. Загрузите один или несколько PNG

1. Нажмите Select images.
2. Выберите PNG на устройстве или перетащите их в область загрузки на компьютере.
3. Дождитесь появления миниатюр и исходных размеров.
4. Для партии проверьте, что случайно не добавлены оригиналы, которые нельзя передавать сервису.

Шаг 3. Выберите пиксели или проценты

Режим By pixels лучше, когда известен конечный максимум. Введите ширину, например 1200, оставьте высоту Auto и включите Maintain aspect ratio. Если сервис обрабатывает файлы разных пропорций, заданные ширина и высота могут трактоваться как максимальные границы; фактический результат каждого файла смотрите под его миниатюрой.

Режим By percentage подходит для однородной партии, где все картинки нужно уменьшить одинаково: на 25%, 50% или 75%. Он менее удобен для набора разной ширины. Файл 4000 пикселей и файл 900 пикселей после уменьшения на 50% станут 2000 и 450 соответственно, хотя первый всё ещё может быть велик, а второй — уже слишком мал.

Включите Do not enlarge if smaller. Увеличение маленького PNG не создаёт новых настоящих деталей, зато может повысить вес и сделать линии мягче. Для пакетной подготовки это один из главных защитных флажков.

Шаг 4. Запустите обработку и проверьте прогноз

1. Посмотрите предполагаемые размеры под каждой миниатюрой.
2. Исправьте ширину, если важный скриншот становится слишком маленьким.
3. Нажмите Resize images.
4. Дождитесь завершения и скачайте результат в отдельную папку.
5. Для пакета с несколькими файлами распакуйте его и сопоставьте каждую копию с оригиналом.

Не считайте пакет готовым после одной беглой проверки. Возьмите минимум три типа изображения: самый широкий скриншот, самый маленький файл и PNG с прозрачностью. Убедитесь, что широкий действительно уменьшился, маленький не был увеличен, а прозрачность сохранилась.

Шаг 5. При необходимости примените отдельное сжатие

После корректировки пикселей можно открыть Compress Image и загрузить уже уменьшенные копии. Это второй этап, а не замена первому. Сервис автоматически выбирает соотношение качества и размера, поэтому сохраняйте файлы ещё в одну папку, например «PNG_resize_compress». Сравните три уровня: оригинал, только resize, resize плюс compress. Так видно, где возникла возможная потеря.

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

Мобильный процесс без путаницы с галереей

1. Откройте iLoveIMG в браузере телефона и выберите Resize Image.
2. Нажмите Select images и выберите файл из системного приложения «Файлы», если галерея не показывает PNG как отдельный документ.
3. Переключитесь на By pixels, введите максимальную ширину и включите сохранение пропорций.
4. Включите запрет увеличения меньших изображений.
5. Запустите обработку и скачайте файл.
6. Через список загрузок браузера откройте папку результата и переименуйте копию.

На мобильном устройстве особенно легко перепутать скачанный файл с предварительным просмотром. Проверьте сведения: расширение должно оставаться PNG, пиксельные размеры — соответствовать настройке, вес — быть меньше или обоснованно близким. Если система сохранила изображение в медиатеку с новым именем без расширения в интерфейсе, откройте «Поделиться» → «Сохранить в Файлы», чтобы работать с документом напрямую.

Как обрабатывать разные размеры в одной партии

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

Если часть файлов должна оставаться в исходном размере, вынесите её из партии. Флажок «не увеличивать» защищает маленькие изображения, но не отменяет уменьшение больших. Для публикации полезно создать две группы: графика для основного контента и небольшие иконки. У каждой будет собственный максимальный размер.

Откат и сохранение папок

Храните три каталога: оригиналы, варианты после Resize, варианты после Compress. Не распаковывайте все пакеты поверх одной папки. При одинаковых именах операционная система может добавить числовые суффиксы, и связь с оригиналом потеряется. После проверки удаляйте только неудачные производные файлы; мастер-каталог остаётся неизменным.

Плюсы и минусы

• Плюсы: точная максимальная ширина, пакетная работа, проценты или пиксели, сохранение пропорций, доступ с телефона.
• Минусы: файл передаётся сервису, уменьшение пикселей необратимо, качество нужно проверять для каждого типа изображения, автоматический Compress не даёт ручной палитры.

Как уменьшить PNG на телефоне и не потерять оригинал

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

Сценарий для Android

1. Откройте «Файлы» или файловый менеджер и найдите PNG.
2. Скопируйте его в новую папку, например Pictures/PNG_original.
3. В браузере откройте TinyPNG для автоматической оптимизации или iLoveIMG Resize для изменения пикселей.
4. При выборе файла используйте вкладку «Файлы», а не только «Недавние», чтобы видеть точное имя.
5. После скачивания откройте раздел Downloads и переместите результат в отдельную папку.
6. В сведениях о файле сравните вес; для пикселей используйте свойства изображения или проверенный просмотрщик.

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

Обратите внимание на автоматическую синхронизацию. Облачная галерея иногда загружает обработанную копию рядом с оригиналом и присваивает похожую дату. Не удаляйте файл по одной миниатюре. Сначала откройте сведения, сравните имя и размер, затем перенесите готовую копию в папку назначения.

Сценарий для iPhone

1. В приложении «Фото» нажмите «Поделиться» и сохраните оригинал в «Файлы».
2. Создайте папку для оригинала и не заменяйте его.
3. В Safari откройте выбранный сервис, нажмите область загрузки и выберите «Выбрать файлы».
4. После обработки нажмите Download и откройте список загрузок Safari.
5. Сохраните результат в отдельную папку iCloud Drive или «На iPhone».
6. Проверьте имя, расширение, размер и прозрачность.

Приложение ФотоМАСТЕР для iPhone не повторяет настольный путь, описанный выше: мобильное приложение ориентировано на редактирование и сохраняет изображения в JPEG или HEIC, а выбор размера при сохранении отсутствует. Поэтому для уменьшения именно PNG на телефоне используются браузерные сервисы, а настольная команда «Изменить размер и сохранить» не переносится на iOS искусственно.

После загрузки Safari может показать изображение во вкладке вместо явного диалога сохранения. Нажмите кнопку «Поделиться», выберите «Сохранить в Файлы» и укажите отдельную папку. Команда «Сохранить изображение» отправит документ в медиатеку, где сложнее увидеть точный вес и имя. Для контроля файловое приложение удобнее.

Что делать при нестабильном интернете

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

При ограниченном мобильном трафике сначала уменьшите пиксели встроенным или локальным редактором, если он гарантированно сохраняет PNG и прозрачность. Передача 20-мегабайтного изображения ради получения 500 КБ тратит больше данных, чем предварительная подготовка. Однако не используйте приложение, которое молча конвертирует файл в JPEG.

Как попасть в заданный лимит без бессмысленного ухудшения

Лимиты вида «не больше 500 КБ» требуют последовательной работы. Нельзя гарантировать конкретный вес одним универсальным процентом: два PNG одинаковых размеров могут отличаться в десять раз из-за содержания. Шумная фотография, плавный градиент и плоская иконка сжимаются по-разному. Работайте от самого безопасного изменения к более заметному.

Порядок для лимита по весу

1. Уберите пустые поля. Кадрируйте прозрачные и однотонные области, которые не нужны композиции.
2. Приведите ширину к назначению. Не храните 3000 пикселей для блока 1000 пикселей.
3. Выполните структурную или автоматическую оптимизацию. Используйте RIOT в осторожном режиме либо TinyPNG для веб-копии.
4. Оцените остаток до лимита. Если не хватает 5–10%, попробуйте чуть меньшую ширину или соседнее число цветов.
5. При большом разрыве пересмотрите задачу. Попытка уменьшить 8 МБ до 100 КБ без заметной потери может быть нереалистичной для полноцветного PNG.

Оставляйте запас. Системы считают килобайты по-разному: десятичный КБ равен 1000 байтам, двоичный КиБ — 1024 байтам, а интерфейс может округлять. Для лимита 1 МБ безопаснее получить файл немного ниже границы, а не ровно «1,00 МБ» по одному просмотрщику.

Итерация с измеряемым шагом

Допустим, оригинал 2400 × 1600 весит 2,4 МБ, а лимит — 500 КБ. Сначала сделайте 1600 × 1067 и измерьте. Если вышло 1,1 МБ, примените оптимизатор. Если стало 620 КБ, не снижайте ширину сразу до 800. Вернитесь к оригиналу и экспортируйте 1450–1500 пикселей, затем повторите оптимизацию. Малый измеряемый шаг сохраняет больше деталей.

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

Как вести журнал вариантов

Имя	Пиксели	Вес	Изменение	Результат
logo-original.png	2400 × 1600	2,4 МБ	нет	контроль
logo-1600.png	1600 × 1067	1,1 МБ	только размер	текст читаем
logo-1600-opt.png	1600 × 1067	620 КБ	автооптимизация	цвета сохранены
logo-1480-opt.png	1480 × 987	485 КБ	размер и оптимизация	лимит выполнен

Такой журнал предотвращает хаотические действия. Если вариант 1480 пикселей подходит, не нужно угадывать, был ли он получен из оригинала или из копии 1600. Имя и запись фиксируют происхождение. Для десятков файлов достаточно электронной таблицы; для одного — заметки рядом с папкой.

Почему повторное сохранение не является стратегией

PNG использует сжатие без потерь на уровне пиксельных данных, поэтому многократное сохранение тем же кодировщиком не обязано уменьшать файл. Если каждый раз применяется квантование с потерями, качество может снижаться, но выигрыш быстро уменьшается. Всегда возвращайтесь к мастер-копии и создавайте независимые варианты. Это сохраняет возможность сравнить метод A и метод B, а не A после B после C.

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

Проверка результата: технический и визуальный протокол

Файл считается готовым только после двух независимых проверок. Техническая подтверждает формат, вес и размеры. Визуальная показывает, что оптимизация не разрушила полезные детали. Одной надписи «сэкономлено 68%» недостаточно.

Техническая проверка

1. Проверьте расширение .png.
2. Откройте свойства и запишите размер в байтах или килобайтах.
3. Сверьте ширину и высоту в пикселях.
4. Убедитесь, что файл открывается минимум в двух программах: браузере и системном просмотрщике.
5. Для прозрачности используйте приложение, которое явно показывает альфа-канал.
6. При пакетной обработке сравните число входных и выходных файлов.

Если один просмотрщик сообщает 480 КБ, а другой 492 КБ, это может быть разницей округления и единиц. Для строгого лимита ориентируйтесь на фактическое число байтов в свойствах или файловом менеджере. Не сравнивайте «размер» и «размер на диске» как одно значение: второй зависит от размера кластеров файловой системы.

Визуальная проверка при 100%

Откройте оригинал и результат рядом, выставьте одинаковый масштаб 100% и синхронно смотрите одни и те же участки. Начните с самых рискованных: мелкий текст, диагонали, тонкие контуры, градиенты, прозрачные тени, области с близкими оттенками. Затем уменьшите вид до фактического размера использования. Дефект может быть заметен на 400%, но не иметь практического значения; обратная ситуация тоже возможна, когда мелкая надпись при реальном размере становится нечитаемой.

Не сравнивайте изображения, если одно растянуто браузером, а другое показано в натуральную величину. Откройте свойства элемента или используйте редактор с точным масштабом. Для сайта вставьте оба варианта в одинаковый контейнер и поочерёдно переключайте их без изменения CSS-размеров.

Проверка прозрачности

• Белый фон выявляет тёмный ободок.
• Чёрный фон показывает светлую кайму и потерянную полупрозрачность.
• Яркий цвет помогает увидеть матовый оттенок, случайно впаянный в край.
• Шахматная подложка показывает сам факт прозрачности, но не заменяет реальные фоны.

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

Проверка цвета

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

Цветовой профиль может влиять на отображение даже при одинаковых числах RGB. Если сервис удалил профиль, результат в браузере может выглядеть иначе, чем оригинал в профессиональном редакторе. Для публикационной копии заранее определите целевое цветовое пространство и проверяйте оба файла в среде, где они будут использоваться.

Функциональная проверка

Некоторые PNG выполняют задачу, которую нельзя оценить только глазами. QR-код нужно просканировать несколькими устройствами. Схему — распечатать или открыть в масштабе, в котором её будут читать. Спрайт — протестировать в приложении. Иконку — посмотреть на светлой и тёмной теме. Скриншот инструкции — вставить в макет страницы и проверить подписи.

Для элемента интерфейса проверьте активные состояния и масштабирование браузера. Однопиксельная линия, идеальная при 100%, может исчезнуть при 90% или 110%. Если картинка должна масштабироваться в разных местах, протестируйте несколько типичных размеров, а не только один.

Частые ошибки и способы исправления

Файл уменьшился, но текст стал размытым

Причина почти всегда в слишком малой ширине или повторном масштабировании. Вернитесь к оригиналу, задайте ширину на 15–25% больше и экспортируйте один раз. Не повышайте резкость до появления ореолов. Если скриншот будет показан на сайте, убедитесь, что система публикации не создаёт ещё одну уменьшенную копию и браузер не растягивает её обратно.

Прозрачный фон стал белым или чёрным

Проверьте, сохранился ли формат PNG и была ли включена Transparency. Paint и браузерные сервисы обычно сохраняют прозрачность при корректном PNG-процессе, но вставка изображения в новый непрозрачный холст способна её уничтожить. В Photoshop вернитесь в «Сохранить для Web», включите прозрачность и не задавайте Matte без необходимости. Если фон виден только в одном просмотрщике, проверьте файл в другом приложении.

Вокруг объекта появилась кайма

Кайма возникает из-за матирования, упрощения полупрозрачных пикселей или уже загрязнённого оригинала. Сравните край на нескольких фонах. Для сложной мягкой тени используйте PNG-24. Для PNG-8 увеличьте число цветов и проверьте режим прозрачности. Если объект раньше вырезался на белом фоне, может потребоваться заново подготовить альфа-канал из мастер-файла.

Градиент превратился в полосы

Палитра слишком мала или dithering отключён там, где он нужен. В Photoshop или RIOT увеличьте число цветов. Затем попробуйте умеренный dithering и сравните вес. Не добавляйте сильный шум ко всему изображению: он скроет полосы, но ухудшит сжатие. Для важного плавного градиента чаще безопаснее PNG-24.

После Paint или ФотоМАСТЕРа файл стал больше

Оригинал мог быть хорошо оптимизирован, а редактор записал более тяжёлую структуру. Убедитесь, что размеры действительно уменьшены. Если пиксели те же, вы не применили нужную команду. Если пикселей меньше, но вес больше, отправьте уменьшенную копию в RIOT или TinyPNG. Не пересохраняйте её ещё несколько раз в том же редакторе.

Сервис показывает экономию, а свойства — другое число

Проверьте, что вы открыли скачанный результат, а не оригинал с похожим именем. Браузер может добавить суффикс (1). Затем сравните байты, а не округлённые мегабайты. Если несколько файлов скачаны одним пакетом, учитывайте размер самого PNG после извлечения, а не контейнера загрузки.

PNG не проходит форму, хотя вес ниже лимита

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

Картинка выглядит иначе на телефоне

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

Нужно обработать десятки файлов

Не применяйте одну ширину ко всей разнородной папке без теста. Разделите PNG на группы: скриншоты, логотипы, фотографии, иконки. Для каждой выберите отдельное правило. iLoveIMG удобен для общего максимума пикселей; RIOT — для визуального контроля отдельных типовых файлов. На macOS локальной альтернативой может быть ImageOptim, но сначала работайте с копией, поскольку оптимизаторы нередко записывают результат на место.

Нужен браузерный подход с локальной обработкой

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

Работа ведётся на Mac без Photoshop

Базовое изменение пикселей доступно в системном Preview: откройте копию, используйте изменение размера и экспортируйте отдельный PNG. Для более глубокой оптимизации применяют специальные утилиты. Порядок остаётся тем же: копия, реальные пиксели, оптимизация, проверка.

Практические сценарии выбора

Скриншот программы для статьи

Обрежьте пустые области, оставьте интерфейс читаемым, задайте ширину с небольшим запасом относительно контентного блока. Для быстрой локальной подготовки используйте ФотоМАСТЕР или Paint. Затем проверьте TinyPNG либо RIOT. Сравните мелкие подписи и тонкие разделители. Не переводите изображение в PNG-8 с 16 цветами, если интерфейс содержит тени, фотографии и цветные значки.

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

Логотип с прозрачным фоном

Сначала обрежьте лишнее прозрачное поле. В Photoshop или RIOT попробуйте индексированную палитру, начиная с 256 цветов. Проверьте фирменные оттенки и края на трёх фонах. Если мягкая тень или свечение портится, используйте PNG-24 и ограничьтесь оптимизацией структуры и метаданных.

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

Большая фотография в PNG

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

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

Изображение для формы до конкретного веса

Начните с кадрирования и пикселей, затем используйте RIOT с визуальным контролем или TinyPNG. Цельтесь ниже лимита с запасом. Если файл не проходит, проверьте дополнительные требования формы. Не переименовывайте расширение и не удаляйте прозрачность, если она требуется.

Сохраните скриншот сообщения об ошибке формы или перепишите его дословно. Формулировка «неверный размер» может относиться к пикселям, а не к килобайтам. Если форма требует точные 800 × 600, уменьшение веса до 100 КБ без соблюдения геометрии не поможет.

Партия PNG для сайта

Сделайте резервную папку, разбейте файлы по типам, выберите по одному тестовому экземпляру каждой группы. В iLoveIMG задайте максимальную ширину и запрет увеличения маленьких картинок. После скачивания проверьте крайние случаи. Затем примените один выбранный оптимизатор к уменьшенным копиям. Сопоставьте число файлов до и после.

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

Файл для печати и хранения

Не удаляйте профиль, авторские данные и пиксели только ради маленького веса. Создайте две версии: мастер с полными данными и облегчённую копию для передачи или предпросмотра. Проверяйте физический размер печати и разрешение отдельно. Онлайн-сервисы используйте только для некритичной копии, если правила конфиденциальности это допускают.

Маленькая веб-копия не должна заменять мастер. После печати может выясниться, что 1200 пикселей недостаточно, а удалённый профиль нужен для предсказуемого цвета. Храните полную версию в отдельном месте и обозначайте публикационные варианты словами web, preview или фактической шириной.

Расширенная диагностика сложных PNG

Скриншот с фотографией внутри интерфейса

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

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

Полупрозрачная тень вокруг логотипа

Широкая мягкая тень содержит множество уровней альфа-канала и оттенков. PNG-8 может упростить её до заметных ступеней. Если тень нужна, оставьте PNG-24 и оптимизируйте структуру. Если доступен макет, уменьшите радиус и непрозрачность тени осознанно, затем экспортируйте заново. Не стирайте край ластиком в готовом PNG: появятся рваные полупрозрачные пиксели.

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

Изображение с тонкой сеткой

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

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

PNG после нескольких редакторов

Каждая программа могла добавить профиль, комментарии, миниатюру или собственные служебные блоки. Сначала сравните пиксели с мастер-файлом, затем выполните структурную оптимизацию копии. Если размер неожиданно велик, это не всегда означает видимые данные. Однако не удаляйте всё служебное содержимое из версии для длительного хранения; облегчённый файл должен быть отдельной публикационной копией.

Избегайте цепочки «мессенджер — галерея — редактор — сервис — редактор». На каждом этапе имя и свойства могут меняться. Перенесите оригинал напрямую в рабочую папку и создавайте варианты из него. Чем короче цепочка, тем легче найти причину изменения цвета или прозрачности.

Изображение с шумом и зерном

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

Не добавляйте шум для маскировки градиентных полос, не измерив последствия. Dithering и случайный шум решают похожую визуальную проблему разными способами, но оба усложняют данные. Лучше увеличить палитру или сохранить полноцветный PNG, чем создавать тяжёлую зернистую копию.

Одноцветная иконка

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

Проверьте, не содержит ли «одноцветная» иконка сотни оттенков из-за сглаживания и тени. Удалять сглаживание полностью не нужно: край станет зубчатым. Подберите палитру, которая сохраняет основной цвет и достаточное число промежуточных оттенков по контуру.

Скан документа

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

Белый фон можно выровнять только в копии, если это не искажает документ. Не делайте подписи тоньше и не усиливайте контраст настолько, чтобы исчезли карандашные отметки. После уменьшения распечатайте тестовый фрагмент, если результат предназначен для печати.

PNG с текстом на прозрачном фоне

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

Особенно внимательно смотрите тонкие начертания и маленький кегль. Жирный заголовок переживает сокращение палитры лучше тонкого светлого текста. Если надпись перестала читаться, увеличьте число цветов или размер изображения, а не пытайтесь компенсировать дефект контрастом.

Очень маленький PNG, который всё равно не проходит лимит

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

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

Анимированный PNG

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

Проверяйте число кадров, длительность, зацикливание и прозрачность между кадрами. Маленький вес бесполезен, если движение остановилось или появились следы предыдущего кадра. Для APNG всегда храните мастер отдельно.

Спрайт или атлас интерфейса

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

Не обрезайте пустые поля, если они задают смещения элементов. То, что выглядит лишним в просмотрщике, может быть частью разметки. В такой задаче структура проекта важнее визуальной плотности PNG.

Карта, тепловая шкала или научная визуализация

Близкие оттенки могут кодировать разные значения. Автоматическая квантизация способна объединить их и изменить смысл. Не принимайте результат по общей картинке. Сравните легенду, контрольные цвета и данные. Для научной графики используйте полноцветный PNG и без потерь оптимизацию, если нет отдельного подтверждения допустимости сокращённой палитры.

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

Вопросы и ответы

Можно ли уменьшить PNG совсем без потери качества?

Да, если использовать только оптимизацию структуры, более эффективное кодирование и удаление ненужных метаданных. Но размер выигрыша зависит от оригинала. Уменьшение пикселей и сокращение палитры меняют данные, хотя визуальная разница может быть незаметной. Поэтому уточняйте, что означает «без потерь»: побитовая сохранность пикселей или отсутствие заметной разницы при просмотре.

Почему PNG тяжелее JPEG?

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

Что сильнее уменьшает вес: пиксели или палитра?

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

Можно ли просто изменить DPI?

Если число пикселей остаётся прежним, изменение DPI обычно не решает задачу веб-веса. DPI описывает связь пикселей с физическим размером печати. Для сайта и экранной формы проверяйте ширину и высоту в пикселях.

Как сохранить прозрачность?

Оставляйте формат PNG, включайте Transparency в Photoshop, не добавляйте непрозрачный фон и проверяйте результат на светлой и тёмной подложке. Для сложных полупрозрачных краёв используйте PNG-24, если PNG-8 создаёт кайму.

Почему после сжатия изменились цвета?

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

Сколько цветов выбирать в PNG-8?

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

Стоит ли включать dithering?

Только если без него видны полосы на градиенте. Dithering может скрыть переходы, но добавить зерно и увеличить сложность файла. Сравните два варианта при одинаковой палитре и выберите тот, который лучше выглядит при приемлемом весе.

Можно ли сжимать один файл несколькими сервисами подряд?

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

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

Сохраните оригинал в приложение «Файлы», создайте копию, откройте TinyPNG для автоматической оптимизации или iLoveIMG Resize для изменения пикселей, скачайте результат и проверьте его в папке загрузок. Не используйте скриншот как способ сохранения результата.

Что делать, если нужен файл до 100 или 500 КБ?

Сначала кадрируйте и уменьшите размеры, затем оптимизируйте. Работайте небольшими шагами и оставляйте запас ниже лимита. Если качество становится плохим, пересмотрите пиксельные требования или уместность PNG; одного магического процента для всех картинок нет.

Как проверить, что изображение не испорчено?

Сравните оригинал и результат при 100%, осмотрите текст, диагонали, градиенты и прозрачные края, откройте файл в двух программах, сверите вес и пиксели. Для QR-кода или схемы выполните функциональный тест.

Почему вес почти не изменился?

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

Нужно ли удалять метаданные?

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

Итоговый выбор по задаче

Когда PNG слишком велик из-за пикселей и нужна настольная обработка, используйте ФотоМАСТЕР: откройте копию, при необходимости кадрируйте, выберите «Файл» → «Изменить размер и сохранить», задайте реальную ширину и экспортируйте PNG отдельно. Для самого короткого Windows-пути подойдёт Paint, но он не заменяет PNG-оптимизатор.

Когда важны палитра, прозрачность и ручной контроль, используйте Photoshop или RIOT. В Photoshop сравнивайте PNG-24 с PNG-8 и уменьшайте число цветов ступенчато. В RIOT смотрите оригинал и результат рядом, настраивайте палитру и метаданные, а к заданному весу стремитесь без слепого ухудшения.

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

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