На скриншотах показано англоязычное приложение. Предустановленные имена и элементы управления также доступны на языке вашего приложения.

Ваша отправная точка

Используйте Веб высокого качества в PixRinse, затем сверьте эти настройки с фактическим пунктом назначения.

Настройки для этого рабочего процесса
ВыходWebP
Качество82
Длинный край1920 px, только уменьшение масштаба
ЦветПреобразовать в sRGB
PixRinse Веб высокого качества предустановка с выходом WebP и правилом длинного края 1920 px
Настройки, использованные в этом пошаговом руководстве. Выберите скриншот, чтобы просмотреть его в полном размере.

Как это сделать

  1. Соберите изображения сайта

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

  2. Выберите Веб высокого качества

    В этом пресете используется качество WebP 82, максимальная длина края 1920 px и веб-безопасные метаданные. Отрегулируйте длинный край в соответствии с фактическим макетом.

  3. Сравните визуальный результат

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

  4. Экспорт и интеграция

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

ФАЙЛЫ ИЗ ЭТОГО ПРОХОЖДЕНИЯ

Что дал этот пример

3072 × 2048 PNG становится 1920 × 1280 WebP. На скриншоте настроек явно показано качество 82 и Преобразовать в sRGB.

Качество
82
Цветовой профиль
sRGB
Выходной формат
WebP
Фактически экспортированные файлы
ФайлФорматПикселиБайты
vase-web.webpWebP1920 × 128072 818
Подготовка изображений для Интернета: фактические экспортированные результаты
Фактические результаты экспорта для примеров файлов, показанных в этом пошаговом руководстве.

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

Пара распространенных вопросов

Будет ли каждый WebP меньше исходного?

Нет. Размер зависит от источника, содержимого изображения и настроек. PixRinse может избежать сохранения больших результатов.

Может ли WebP сохранять прозрачные области?

WebP поддерживает прозрачность. Проверьте прозрачные края результата и выберите PNG или WebP без потерь, если это лучше подходит для изображения.

Заставьте рабочий процесс работать.

Откройте PixRinse, добавьте несколько изображений и начните с настроек выше.

Скачать для MacБесплатно: до 10 изображений в пакете и один выход для каждого источника. Сравните бесплатную и Pro.