Зберігайте прозорий фон під час експорту PNG

Прозорий ресурс містить альфа-канал, який описує, які пікселі видимі. Це відрізняється від зображення шахової дошки. Якщо ви завантажили знімок екрана, на якому показано шахову дошку за логотипом, ці квадрати можуть бути звичайними видимими пікселями. Збереження знімка екрана як PNG не видалить їх. Відкрийте реальний ресурс у редакторі та переконайтеся, що фон справді може проглядатися.

Цей робочий процес корисний для наявного вирізу, растрового логотипу чи накладення, для якого потрібна зменшена версія для доставки. Він не може ідентифікувати об’єкт, стерти фон або замінити погано обрізаний край. Спочатку внесіть ці зміни в оригінальний дизайн. Збережіть шаблон, який можна редагувати, і експортуйте з нього прозорий PNG, а потім використовуйте цю сторінку, коли вам потрібен інший розмір растру, без навмисного зведення фону.

Попереднє налаштування зберігає вихідні пікселі, вибирає PNG і вимикає підвищення різкості. PNG , це результат, який зберігає існуючу прозорість. Експортовані файли JPEG і WebP цього інструмента використовують непрозорий білий фон, тому не вибирайте їх для ресурсу, який має працювати з різними кольорами сторінки. Повзунок якості не контролює стиснення без втрат PNG.

Щоб зменшити копію, виберіть «За розміром» і введіть доступне поле. Це зберігає вихідні пропорції без обрізання країв. Точний розмір кадрує до вибраної форми та може видалити тінь або частину мітки, тому використовуйте його лише тоді, коли вам потрібно таке кадрування. Уникайте непотрібного обмеження байтів на головному ресурсі. Досягнення жорсткого обмеження може вимагати зменшення пікселів, що може ускладнити читання маленького логотипу чи вузького контуру.

Переглядайте завантажений PNG як на світлому, так і на темному тлі. Виріз може містити пікселі блідих країв із попереднього редагування білого фону. Прозорість може бути технічно недоторканою, тоді як гало все ще виглядає неправильно на темній ділянці. Так само темний логотип може зникнути на темній сторінці, навіть якщо експорт виконано правильно. Виправте ці проблеми дизайну в джерелі, а не стискайте повторно.

Перевірте фактичний розмір зображення. Напівпрозорі тіні та вузькі штрихи можуть візуально змінюватися при зменшенні навіть із виходом PNG. Для веб-публікації встановіть розміри елемента та надайте корисний альтернативний текст, коли зображення передає інформацію. Декоративне накладання може потребувати іншої обробки доступності, ніж зв’язаний логотип компанії. Завантажте тестовий експорт і розмістіть його в реальному макеті перед обробкою групи відповідних ресурсів. Джерело залишається на вашому пристрої протягом усього перетворення.

Спробуйте темний логотип із м’якою тінню та другий логотип, призначений для темного фону. Розмістіть обидва завантажені PNG у тимчасовій світлій і темній частині макета. Подивіться на вузькі штрихи та межі тіні на передбачуваному розмірі дисплея. Якщо одна версія стає невидимою, виберіть правильний вихідний варіант, а не зводьте його до іншого кольору фону. Якщо з’являється білий ореол, перегляньте оригінальний виріз. Файл може зберігати свій альфа-канал і все одно погано візуально відповідати певній сторінці. Перевірте обидва властивості перед застосуванням спільних налаштувань до всіх варіантів.