Выбор формата экспорта для мокапа

Три формата закрывают всё, что вы выгрузите из инструмента мокапов, и выбор сводится к двум вопросам: нужна ли прозрачность и идёт ли файл в стор со своими требованиями. Ошибка даёт либо отклонённую загрузку, либо ненужно тяжёлую страницу.

PNG для сторов и всего, где нужна прозрачность

PNG без потерь, поддерживает альфу и принимается везде. Берите его для скриншотов стора, иконок и любого мокапа, который позже будете класть на другой фон. Слабость — размер на фотографическом содержимом, но устройство на градиенте как раз то, что PNG жмёт эффективно, так что реальной платы обычно нет. Помните: в скриншотах стора альфы быть не должно — сводите перед экспортом, даже если формат её допускает.

JPEG, когда файл большой и преобладают заливки

У JPEG нет альфы и он теряет детали, но на высоком качестве это незаметно на большинстве продуктовых рендеров, а вес может быть в разы меньше. Это верный выбор для крупных баннеров и веб-картинок, где полоса пропускания важнее идеальных краёв. Следите за полосами на мягких градиентах — там артефакты видны первыми — и никогда не экспортируйте JPEG из JPEG: возвращайтесь к исходнику.

WebP для веба, с запасным планом

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