iOS 图像设计（尺寸和资产目录）

Posted 2023-03-08

【中文标题】iOS 图像设计（尺寸和资产目录）

【英文标题】：iOS Image Design (sizes and asset catalogs)

【发布时间】：2014-10-23 17:09:26

【问题描述】：

我正在开发我的第一个应用程序，并且在主菜单上出现了一个徽标。该徽标目前以 Pixelmator 文件的形式存在于我的桌面上。最终，我想将徽标导出为矢量文件，但目前 Pixelmator 没有该功能。

我已决定使用“图像目录/资产”来组织我的所有图像，但我对所有“@2x”、“@3x”、“视网膜”（e.t.c.）的含义感到困惑。如果有人可以制作一张表格，说明一张 100x100 像素的图片需要经过哪些更改才能在屏幕上显示为最高质量，那就太好了。

提前谢谢你，威尔。

【问题讨论】：

如果要在尺寸为 100pt x 100pt 的视图中显示它，则需要 100px x 100px 版本 (@1x)、200px x 200px 版本 (@2x) 和 300px x 300px 版本(@3x)。

@Linuxios Retina 4 2x 怎么样？我需要使用哪些 DPI？

查看 Apple 文档中的 this 和 this。

而 Retina 4 2x 实际上只是一个 x2 视网膜显示屏，对角线恰好是 4"。4" 部分仅对全屏图形很重要。

【参考方案1】：

为了回答您的问题，我创建了这个table 以整合您和可能更多人正在寻找的信息。

【讨论】：

谢谢，这非常有帮助。