PNG или WebP: что выбрать

Сравнение бок о бок

Цифры по размеру и прозрачности взяты из документации WebP от Google, где также сказано, что WebP с потерями и с прозрачностью обычно в три раза меньше равноценного PNG.

Где выигрывает WebP

• Изображения на вашей собственной странице WebP показывает любой современный браузер. Экономия четверти веса изображений обеспечивает реальный выигрыш в скорости на мобильных соединениях.
• Прозрачная графика с фотографическим содержимым Логотип поверх фотографического фона является как раз тем случаем, где WebP с потерями и альфа-каналом дальше всего отрывается от PNG.
• Большие снимки экрана и снимки интерфейса Плоский цвет и чёткий текст хорошо сжимаются в WebP без потерь, поэтому вы сохраняете точные пиксели и теряете объём.
• Везде, где ограничением является канал связи Почтовые рассылки, сайты документации и каталоги с большим количеством изображений.

Где PNG по-прежнему правильный выбор

Держите PNG как мастер-копию. Конвертируйте копию для отправки. Это одно правило покрывает большинство случаев ниже.

1. Файлы, которые вы будете править снова Каждый прогон через формат с потерями немного ухудшает изображение. Мастер-файл без потерь снимает этот вопрос полностью.
2. Печатные и дизайнерские процессы Множество программ вёрстки и допечатной подготовки по-прежнему ожидает PNG или TIFF. Отдать типографии WebP значит напроситься на письмо, которое вам не нужно.
3. Всё, что открывает старая система Устаревшие внутренние инструменты, старые просмотрщики документов и некоторые формы загрузки отклоняют WebP сразу.
4. Файлы, которые вы отправляете другим людям Коллега на более старой машине может не открыть его двойным щелчком. Ровно поэтому и используют конвертер WebP в PNG.

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

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

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

Конвертер Vaultaire предлагает оба режима. В режиме без потерь он считывает новый файл обратно и блокирует скачивание, пока результат не окажется настоящим изображением VP8L без потерь, пиксели которого совпадают. Значения альфы должны совпадать точно, с допуском не более 2 на предумноженный 8-битный канал для частично прозрачного цвета, потому что встроенные кодировщики браузера округляют эти значения.

Что конвертация делает с метаданными

Конвертация также служит способом сбросить то, что приложено к файлу. Конвертер не копирует в новый WebP записи EXIF, ICC, текстовые, временные и C2PA из исходника, затем сканирует готовый файл независимым разборщиком и держит скачивание заблокированным, если находится хоть одна запись.

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

Практические пределы конвертера: один статичный PNG, до 20 MB, 4,096 пикселей по каждой стороне и 16,000,000 пикселей всего. Анимированный PNG отклоняется до декодирования, а не экспортируется молча своим первым кадром.