Підготуйте PNG-специфічні налаштування для логотипів, скриншотів, елементів інтерфейсу та прозорої графіки.
Статичні PNG-файли; APNG не приймається в цьому релізі · Ліміт файлів: 20 · 5 MB на файл
Стиснення з урахуванням прозорості
Оберіть PNG-стратегію, яка враховує прозорі краї, чіткий текст і графіку з пласкими кольорами.
Зберігайте прозорі та частково прозорі пікселі.
Оптимізуйте кодування без навмисної зміни значень пікселів.
Використовуйте менше кольорів, коли логотипи або UI-ресурси це допускають.
Анімовані PNG-файли не входять у цей робочий процес.
Найменший PNG не має сенсу, якщо втрачаються прозорість або чисті краї.
Анатомія PNG
PNG може поєднувати непрозорі пікселі, часткову прозорість, текст і ділянки з суцільним кольором. Ці властивості варто перевіряти окремо, а не застосовувати фотографічний пресет стиснення.
Перевіряйте згладжені краї на світлому й темному тлі, щоб сплощення або ореоли не ховалися в одному попередньому перегляді.
Зміни палітри можуть вплинути на плавні тони та однопіксельні деталі, навіть якщо віддалена мініатюра виглядає прийнятно.
Перегляньте експортований PNG на світлому й темному тлі. Перевірте дрібний текст, суцільні кольори, градієнти та частково прозорі краї.
Стратегія PNG
PNG-графіка може потребувати прозорості, чітких країв і стабільних кольорів. Перш ніж розглядати зменшення палітри кольорів, визначте, чи мають декодовані пікселі залишатися точними.
Використовуйте це, коли договірні кольори, пікселі інтерфейсу або значення прозорих країв мають зберегтися без змін після декодування.
Плоска графіка може витримати менше кольорів, тоді як градієнти, скриншоти та текстуровані ілюстрації можуть показувати помітну смугастість.
Використовуйте процес із JPG для непрозорого фото лише тоді, коли прозорість не потрібна. Залишайте PNG, коли зображенню потрібні прозорі пікселі.
Перевірте результат
Розмістіть PNG на світлому й темному тлі, щоб виявити облямівку навколо волосся, тіней або згладженого тексту.
Перевірте логотипи та графіку інтерфейсу на змінені фірмові кольори або втрачені відтінки. Зменшення палітри може впливати на ці ділянки інакше, ніж на фотографії.
Якщо потрібні точні пікселі, порівнюйте декодовані значення пікселів, а не байти файлу. Менший PNG сам по собі не є доказом результату без втрат.
Робочий процес PNG створено для збереження альфа-прозорості. Перш ніж замінювати оригінальний ресурс, перевірте фактичний результат обробки у VisionStory.
