Как уменьшить размер PNG, не потеряв прозрачность

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

Почему PNG такие большие

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

Способы уменьшить PNG

1. Проверьте, должен ли это вообще быть PNG

Если ваш PNG на самом деле фотография — формат почти наверняка выбран неверно. Конвертация в WebP или JPEG резко сократит размер. Оставляйте PNG только для чётких краёв и прозрачного фона.

2. Примените сжатие без потерь

Инструменты могут эффективнее упаковать данные PNG и убрать лишние метаданные, не меняя ни одного пикселя. Это безопасно и всегда стоит делать для графики, которая останется в PNG.

3. Конвертируйте в WebP без потерь

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

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

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

Практический процесс

Для графики: оставьте PNG или перейдите на WebP без потерь и прогоните оптимизатор. Для фото, сохранённых как PNG: конвертируйте в WebP или AVIF. В Scrunch можно перетащить PNG, выбрать WebP и сравнить результат с оригиналом до скачивания — всё в браузере.

Частые вопросы

Сохраняется ли прозрачность при конвертации PNG в WebP?

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

WebP без потерь или с потерями?

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

Сколько экономит одна лишь оптимизация PNG?

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

Какой формат лучше для скриншотов?

Скриншоты с чётким текстом и интерфейсом хороши в PNG или WebP без потерь. Но если на скриншоте много фотографического контента, WebP с потерями может быть намного меньше и всё ещё резким — сравните оба варианта.