Сохраняйте прозрачный фон при экспорте PNG

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

Этот рабочий процесс полезен для существующего выреза, логотипа растра или наложения, которому нужна меньшая версия доставки. Он не может идентифицировать объект, стереть фон или заменить плохо обрезанный край. Сначала внесите эти изменения в исходный дизайн. Держите редактируемый мастер и экспортируйте из него прозрачный PNG, а затем используйте эту страницу, когда вам нужен другой размер растра, не умышленно сглаживая фон.

В предустановке сохраняются исходные пиксели, выбирает PNG и отключается. PNG , это вывод, который сохраняет существующую прозрачность. Экспорт JPEG и WebP этого инструмента использует непрозрачный белый фон, поэтому не выбирайте их для актива, который должен работать с различными цветами страниц. Ползунок качества не контролирует сжатие без потерь PNG.

Для меньшей копии выберите Fit Within и введите доступное поле. Это сохраняет пропорции источника, не обрезая края. Точный размер обрезает выбранную форму и может удалить тень или часть метки, поэтому используйте ее только тогда, когда вам нужна эта кадр. Избегайте ненужного ограничения байтов на главном ресурсе. Для достижения плотного колпачка может потребоваться уменьшение пикселей, что может затруднить чтение небольшого логотипа или узкого контура.

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

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

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