ios - 如何从设计为 1242px x 2208px 的 PSD 中剪切 iOS8 资源

Question

我负责开发的项目(我的第一个 iOS 项目之一)的设计师使用设置为 1242x2208 像素的 Photoshop Canvas 设计了应用程序，这是 iPhone 6+ 使用的像素数。我搜索了互联网，对 1x、2x、3x 的所有转换越来越感到困惑，为了进一步混淆，苹果将尺寸缩小到 1080x1920。

无论如何，我该如何正确切割@1x、@2x、@3x 的资源？当我裁剪我想要的元素时，我将其保存为 3 倍。但是我要除以什么才能得到 2x 和 1x 版本？

这里是次要问题和假设情况:有一个按钮被设计为纵向屏幕的整个宽度，因此设计者将其设置为 1242x100。如果我将它保存为 3 倍，然后将其缩小为 2 倍和 1 倍，这个按钮是否适合所有不同的屏幕尺寸一直到 iPhone 4/4s，它具有更小的像素尺寸和不同的纵横比？

困惑，感谢任何帮助!

Answer 1

例子:如果您的原始作品是 960 像素 x 1704 像素，只需保存包含“@3x”的图像

image@3x.png   // (960  x 1704)

然后你必须将它的大小调整为 640x1136 并保存包括“2x”

image@2x.png   // (640x1136)

然后你必须将它调整到 320x568 并保存为 1x

image.png      // (320x568)