Сжать PNG онлайн бесплатно — уменьшить размер без потери прозрачности и качества
Уменьшите вес PNG-файлов до 90% с сохранением альфа-канала и визуальной чёткости. Управляйте степенью сжатия ползунком в реальном времени, обрабатывайте целые папки за один сеанс и скачивайте результат мгновенно — всё внутри браузера, без единой загрузки на сервер.
PNG — незаменимый формат современного веб-дизайна. Его выбирают для логотипов, компонентов интерфейса, иконок приложений, экспортов из Figma, спрайтов игр и любой графики с прозрачным фоном. Но эта универсальность обходится дорого: одна полноэкранная PNG-скриншот или ассет UI, экспортированный напрямую из Figma, легко занимает 2–5 МБ. Умножьте это на целую библиотеку компонентов, лендинг продукта или набор игровых ассетов — и вы получите времена загрузки, которые проваливают аудиты Core Web Vitals ещё до того, как выполнится хоть одна строка JavaScript. Порталы Госуслуг, кадровые платформы hh.ru и Superjob, а также приёмные комиссии вузов устанавливают жёсткие лимиты на вес прикрепляемых изображений, и стандартные PNG с телефона зачастую их превышают.
Наш инструмент для сжатия PNG решает эту задачу напрямую. В отличие от TinyPNG, Squoosh и других сервисов, которые отправляют ваши файлы на удалённые серверы, здесь каждый байт PNG сжимается прямо в браузере через Canvas API HTML5 — без загрузки, без облачной очереди, без риска утечки данных. Результат мгновенный: перетащите файлы, передвиньте ползунок качества в поисках идеального баланса между весом и чёткостью изображения, и скачайте PNG, который стал заметно легче, но визуально неотличим от оригинала. Пиксельные размеры не изменяются. Прозрачность остаётся нетронутой. Уменьшается только вес файла.
Как сжать PNG-файлы: три шага
- 1
Шаг 1 — Перетащите или выберите PNG-файлы
Перетащите один или несколько PNG-файлов прямо в зону загрузки или нажмите кнопку «Загрузить PNG» для выбора через файловый менеджер. Пакетный режим поддерживается в полном объёме: выберите целую папку с экспортами Figma, игровыми спрайтами или изображениями товаров — всё загрузится за один раз. Файлы считываются локально через File API браузера и не покидают ваше устройство ни на каком этапе процесса.
- 2
Шаг 2 — Настройте качество ползунком в реальном времени
Ползунок качества (от 10% до 100%) позволяет управлять интенсивностью сжатия. Панель сравнения «до/после» обновляется в реальном времени при каждом движении ползунка: вы видите и визуальный результат, и точный новый размер файла в КБ или МБ — ещё до подтверждения скачивания. Для большинства веб-ассетов и UI-компонентов диапазон 60–80% даёт визуально безупречные результаты при сокращении веса на 50–75%. Для аватаров, превью и декоративных фонов, где допустимо более агрессивное сжатие, значения ниже 40% могут уменьшить PNG более чем на 80%.
- 3
Шаг 3 — Скачайте оптимизированные PNG
Когда результат вас устроит, нажмите «Скачать» для отдельного файла или «Скачать ZIP» для всей пачки оптимизированных PNG одним архивом. Без водяных знаков, без подписки, без необходимости регистрации и без скрытых ограничений по размеру. Сжатый файл формируется полностью в памяти браузера и передаётся вам напрямую.
Почему вес PNG-файлов важнее, чем кажется
Lighthouse от Google и платформа Core Web Vitals оценивают страницы частично по Largest Contentful Paint (LCP) и Total Blocking Time — оба показателя напрямую зависят от суммарного веса изображений. Один главный баннер или UI-скриншот в виде несжатого PNG размером 3 МБ способен в одиночку опустить оценку производительности с зелёной зоны в красную. Собственный аудит Google «Правильный размер изображений» отмечает любое изображение, которое можно уменьшить более чем на 4 КБ. На практике это касается почти всех ассетов, экспортированных напрямую из Figma или Sketch. Сжатие PNG — не опциональная задача; для сайтов, конкурирующих за органический трафик в Яндексе и Google, это обязательный технический минимум.
Помимо SEO, существует практическая реальность лимитов загрузки на платформах. Портал Госуслуг и системы электронной подачи документов в вузы устанавливают строгие ограничения на вес прикрепляемых изображений. Кадровые сервисы hh.ru, SuperJob и Habr Career ограничивают размер загружаемых фото и файлов портфолио. Интернет-магазины на 1С-Битрикс, Tilda и Shopify имеют рекомендуемые размеры изображений товаров. Когда форма или CMS выдаёт ошибку «файл слишком большой», решение не в снижении качества съёмки — нужно сжать PNG и уменьшить его вес в байтах, не затрагивая пиксельные размеры.
Частые сценарии использования сжатия PNG:
- 🏛️ Сжатие PNG-изображений и документов для загрузки на Госуслуги и в системы электронного документооборота ведомств
- 💼 Уменьшение PNG-файлов резюме, портфолио и аватаров для hh.ru, SuperJob и Habr Career
- 🌐 Оптимизация логотипов, иконок и PNG-баннеров для сайтов на 1С-Битрикс, Tilda и Webflow для ускорения загрузки
- 📱 Подготовка облегчённой графики для постов ВКонтакте, Telegram-каналов и публикаций в Яндекс Дзене
- 🎓 Сжатие сканов документов и фотографий для электронной подачи заявлений при поступлении в вузы
Руководство по настройке качества: какой уровень выбрать?
| Range | Quality | Best For |
|---|---|---|
| 10–30% | Максимальное сжатие | Изображения-заглушки, UI-мокапы низкой точности, внутренние прототипы и декоративные PNG-фоны, где пиксельная точность не требуется |
| 40–60% | Сбалансированное сжатие (рекомендуется) | Главные изображения сайтов, PNG товаров с прозрачным фоном, графика для блогов, скриншоты UI из Figma и публикации на веб-ресурсах |
| 70–85% | Высокое качество | Портфолио, PNG товаров для премиального e-commerce, баннеры digital-маркетинга, ассеты игровой графики и скриншоты для магазинов приложений |
| 90–100% | Почти без потерь / только удаление метаданных |
Почему этот компрессор PNG лучше альтернатив
Прозрачность сохраняется — альфа-канал проходит сжатие нетронутым
Это наиболее важная техническая гарантия, которую нужно понять перед сжатием любого PNG с прозрачностью. Наш инструмент явно сохраняет полную структуру пикселей RGBA на всём протяжении пайплайна сжатия в браузере. Когда PNG отрисовывается на элементе Canvas HTML5 для обработки, мы настраиваем 2D-контекст так, чтобы поддерживать предварительно умноженные значения альфа без их компоновки поверх какого-либо цвета фона. Данные альфа-канала — будь то вырезка с полностью прозрачным фоном, мягкая полупрозрачная тень, радиальное затухание в градиенте или сложная маска переменной прозрачности — проходят через квантование и перекодирование без каких-либо изменений. То, что вы видите в превью, — это именно то, что вы получите при скачивании.
Файлы не загружаются на сервер — ваши PNG на 100% конфиденциальны
TinyPNG, Squoosh и iLoveIMG маршрутизируют ваши файлы через удалённые серверы. Это не просто узкое место производительности — это риск утечки данных для любого конфиденциального содержимого: скриншотов внутренних интерфейсов, ещё не выпущенных дизайнов продуктов, медицинских изображений или личных фотографий в PNG. Наш компрессор выполняет весь процесс внутри вкладки браузера с помощью Canvas API HTML5 и JavaScript. Откройте вкладку «Сеть» в DevTools браузера и запустите сжатие — вы увидите ровно ноль HTTP-запросов, содержащих данные вашего файла. Инструмент структурно не способен принимать ваши файлы, поскольку не имеет серверного компонента для их получения.
Предпросмотр в реальном времени — видите результат до скачивания
Большинство компрессоров PNG работают как чёрные ящики: вы загружаете, они обрабатывают, вы скачиваете — и только тогда понимаете, что качество не то. Наша панель предпросмотра в реальном времени показывает сжатый результат по мере движения ползунка качества — с одновременным обновлением нового размера файла в КБ или МБ. Вы принимаете взвешенное решение до того, как скачан хоть один байт. Это особенно ценно для PNG с прозрачностью, где артефакты сжатия могут проявляться на полупрозрачных краях, которые не очевидны до наложения изображения на цветной фон.
Пакетное сжатие с индивидуальной настройкой каждого файла
Загрузите целую папку PNG одним перетаскиванием. Примените единые настройки качества ко всем файлам одновременно одним движением ползунка — идеально для сжатия целого набора компонентов из Figma или папки игровых спрайтов за один проход. Или разверните любой отдельный файл в очереди и задайте ему индивидуальную настройку — получите гранулярный контроль на уровне файлов, не теряя эффективности пакетной обработки. Когда всё готово, нажмите «Скачать ZIP» — все сжатые PNG придут в одном архиве с сохранёнными оригинальными именами файлов.
Техническая основа: как PNG-сжатие работает в браузере
PNG (Portable Network Graphics) — это растровый формат без потерь, который применяет сжатие DEFLATE — комбинацию LZ77 и кодирования Хаффмана — к отфильтрованным строкам пиксельных данных. В исходном виде сжатие PNG уже применяется на этапе кодирования файла; «несжатого PNG» на диске не существует. Однако ключевой инсайт, позволяющий добиться дополнительного уменьшения размера, состоит в следующем: сжатие без потерь PNG сохраняет каждое значение пикселя точно, но многие из этих значений избыточны или неразличимы для человеческой зрительной системы. Применяя интеллектуальное квантование цвета — сокращая количество уникальных значений RGBA в изображении — мы создаём новую версию со значительно более простой структурой данных, которую DEFLATE может сжать намного эффективнее. Именно поэтому ползунок качества даёт большие сокращения размера файла без видимой деградации: цвета тонко переназначаются, но человеческий глаз всё равно не различает 16,7 миллиона цветов.
Альфа-канал — «А» в RGBA — получает явную специальную обработку на всём протяжении нашего пайплайна сжатия. Когда изображение отрисовывается на элементе Canvas HTML5, мы используем 2D-контекст рендеринга с конфигурацией, сохраняющей предварительно умноженные значения альфа без их компоновки поверх любого цвета фона. Вызов `getImageData()` извлекает необработанные пиксельные данные RGBA, включая все значения прозрачности от 0 (полностью прозрачный) до 255 (полностью непрозрачный), и эти данные передаются через процедуры квантования, которые обрабатывают альфа-канал как первоклассное измерение, а не как нечто второстепенное. Экспорт через `canvas.toBlob()` затем перекодирует квантованные данные пикселей обратно в корректный PNG-файл с полностью сохранённым альфа-каналом. Именно эта сквозная сохранность альфа-канала делает наш инструмент безопасным для логотипов, UI-компонентов и любой графики, которая будет накладываться на динамические или неизвестные фоны.
Для производительности нагрузка сжатия делегируется Web Worker'у, когда он доступен, предотвращая зависание основного потока браузера при обработке больших или многочисленных файлов. Для PNG-скриншота в разрешении 4K — приблизительно 8 миллионов пикселей × 4 канала, что соответствует 32 МБ необработанных пиксельных данных — эта архитектура позволяет интерфейсу оставаться полностью отзывчивым в течение окна обработки 1–3 секунды. Результирующий сжатый Blob хранится в памяти браузера и передаётся пользователю через программатическое скачивание по ссылке — с генерацией ровно нуля исходящих сетевых запросов. Нет CDN, нет API-эндпоинтов, нет аналитических пингов. Полный жизненный цикл данных начинается и заканчивается во вкладке браузера.