Перевод pNG в WebP: таблицы, формулы и онлайн-конвертер

С 2020 года WebP поддерживается всеми современными браузерами (доля ~97% по MDN). Для флагманских сайтов, где важна скорость загрузки, WebP — стандарт. Основные преимущества:

• Меньший размер: lossless-сжатие даёт экономию 26% в среднем, lossy — до 34% при визуально одинаковом качестве.
• Прозрачность (альфа-канал): WebP поддерживает альфа-канал так же, как PNG, но с лучшим сжатием.
• Lazy loading и CDN: WebP отлично ложится на современные стеки (Next.js, Cloudflare).

Единственный недостаток — чуть более медленное декодирование на старых устройствах, но в 2026 это уже неактуально.

Точный размер WebP зависит от настроек сжатия. Для быстрой прикидки используйте эмпирическую формулу:

где S_png — размер исходного PNG (байт), k — коэффициент сжатия (20–34 для lossless, 30–50 для lossy).

Пример: PNG 1,2 МБ → lossless WebP = 1,2 × (1 – 0,26) ≈ 0,888 МБ (26% экономии).

Для lossy-сжатия с качеством 80 (рекомендуемый порог): k ≈ 34, итоговый размер ≈ 0,792 МБ.

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

Инструмент cwebp от Google — эталон для пакетной обработки. Установка:

# Linux (apt)
sudo apt install webp

# macOS (Homebrew)
brew install webp

# Windows — скачать libwebp с https://developers.google.com/speed/webp/download

Базовый синтаксис:

cwebp [options] input.png -o output.webp

Пример 1: lossless (без потерь)

cwebp -lossless -z 9 input.png -o output.webp

Параметр -z 9 — максимальное сжатие (0-9, где 9 — наименьший размер).

Пример 2: lossy с качеством 80

cwebp -q 80 input.png -o output.webp

Пример 3: пакетная обработка всех PNG в папке

for file in *.png; do cwebp -lossless -z 9 "$file" -o "${file%.png}.webp"; done

После конвертации сравните размер: ls -lh *.webp.

Запустите cwebp -longhelp для полного списка.

• Прозрачность в lossy-режиме: по умолчанию альфа-канал сжимается lossless, но может добавить артефакты вокруг прозрачных областей. Используйте -alpha_filter best для сглаживания.
• Большие PNG (более 10 МБ): cwebp может работать медленно — добавьте -m 1 для скорости, но размер вырастет.
• METADATA (EXIF): WebP не хранит EXIF по умолчанию. Если нужно сохранить: cwebp -metadata all input.png -o output.webp.
• IE / старые браузеры: хотя доля IE мала, можно отдавать PNG через <picture> с fallback.

Совет: Всегда проверяйте качество визуально — lossy-сжатие с -q 75 уже даёт видимые артефакты на тексте.

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

Полезные смежные инструменты:

• PDF в WebP — конвертация страниц PDF в WebP для веба.
• Конвертер WebP в JPG — обратное преобразование, если нужен JPEG.
• Конвертер WebP в PNG — для редактирования в старых редакторах.

Онлайн-версия не уступает cwebp по качеству — под капотом тот же движок libwebp (версия 1.4.0 на 2026 год).

• Артефакты на тексте: причина — lossy-сжатие с низким качеством. Решение: повысьте -q до 85 или используйте lossless.
• Файл больше исходного: бывает, если PNG уже был хорошо сжат (например, оптимизированные спрайты). Решение: используйте lossy с -q 90.
• Прозрачные области стали чёрными: альфа-канал не сохранён. Решение: добавьте -alpha_filter best.
• Неверный цветовой профиль: WebP поддерживает sRGB, но может искажать Adobe RGB. Решение: конвертируйте профиль через ImageMagick перед WebP.

Если результат неожиданный, выполните webpinfo output.webp — покажет метаданные и размеры.

Используйте эмпирическое правило: для lossless — минус 26%, для lossy с q80 — минус 34%. Но чтобы получить точные цифры, можно воспользоваться формулой ниже.

где S_webp_estimated = S_png × (1 – k/100). k берётся из типового значения (26 для lossless, 34 для lossy q80).

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

Например: папка PNG общим весом 500 МБ. После lossless ожидается ~370 МБ (экономия 130 МБ). Для lossy q80 — ~330 МБ (экономия 170 МБ).

Важно: Экономия сильно зависит от содержимого. Фотографии с однородным небом сжимаются лучше, чем фото с мелкими деталями.

Чтобы встроить WebP в пайплайн сборки, используйте Node.js пакет imagemin-webp или bash-скрипт. Пример для GitHub Actions:

name: Convert PNG to WebP
on: [push]
jobs:
  webp:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - run: sudo apt install webp
      - run: |
          find . -name '*.png' -exec sh -c \
            'cwebp -lossless -z 9 "$1" -o "${1%.png}.webp"' _ {} \;
      - run: git add *.webp && git commit -m "Auto convert to WebP" || true

Не забудьте настроить .gitignore, чтобы не коммитить исходные PNG лишний раз.