Photoshop: как сохранить четкие и гладкие файлы PNG для дизайна приложений

В дополнение к отличному ответу Люциана:

Разные платформы имеют разные нативные форматы, которые они могут использовать для дизайна пользовательского интерфейса в приложениях. PNG являются наиболее распространенным форматом ресурсов пользовательского интерфейса, и да, это растровые изображения (увеличьте масштаб, и вы увидите пиксели). Как говорит Люциан, это нормально, если они отображаются в правильном размере.

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

iOS

iOS может изначально использовать файлы PNG и PDF для изображений пользовательского интерфейса. Обратите внимание, что PDF-файлы просто конвертируются в PNG с помощью Xcode (они не отображаются во время выполнения). Если вы хотите использовать векторные ресурсы на iOS, хорошим вариантом является создание кода пути Core Graphics с помощью PaintCode или аналогичного.

https://www.paintcodeapp.com

SVG можно использовать на iOS, но не изначально (для их анализа и рендеринга требуется сторонняя библиотека).

Андроид

Android может использовать PNG и WebP для растровых изображений и Android Vector Drawables для векторных изображений. Vector Drawables очень похожи на SVG (подмножество SVG в другом контейнере). Vector Drawables великолепны, если вы можете их использовать.

https://developer.android.com/training/material/drawables.html

Доставка растровых ресурсов в вашем приложении — это совершенно нормально, и на самом деле это наиболее распространенный метод.

В теории

• PNG — это растровый формат (а не вектор), что означает, что пиксели всегда будут видны в конечном итоге в зависимости от вашего уровня масштабирования. Файлы PNG получаются четкими и гладкими только при их предполагаемом размере, а не при увеличении. Вы можете сохранить больший PNG, изменив размер в процентах в «Сохранить для Интернета», а затем масштабировать его в своем коде, но всегда будет ограничение для растровых форматов.
• Сохранение в формате SVG (векторный формат) является альтернативой полностью гладкому непиксельному качеству.

На практике

• Это зависит от того, для чего вам нужно использовать изображения. Если вы планируете использовать для приложения, изучите это, погуглив «дизайн приложения svg vs png».