我负责开发的项目(我的第一个 iOS 项目之一)的设计师使用设置为 1242x2208 像素的 Photoshop Canvas 设计了应用程序,这是 iPhone 6+ 使用的像素数。我搜索了互联网,对 1x、2x、3x 的所有转换越来越感到困惑,为了进一步混淆,苹果将尺寸缩小到 1080x1920。
无论如何,我该如何正确切割@1x、@2x、@3x 的资源?当我裁剪我想要的元素时,我将其保存为 3 倍。但是我要除以什么才能得到 2x 和 1x 版本?
这里是次要问题和假设情况:有一个按钮被设计为纵向屏幕的整个宽度,因此设计者将其设置为 1242x100。如果我将它保存为 3 倍,然后将其缩小为 2 倍和 1 倍,这个按钮是否适合所有不同的屏幕尺寸一直到 iPhone 4/4s,它具有更小的像素尺寸和不同的纵横比?
困惑,感谢任何帮助!
最佳答案
例子: 如果您的原始作品是 960 像素 x 1704 像素,只需保存包含“@3x”的图像
image@3x.png // (960 x 1704)
然后你必须将它的大小调整为 640x1136 并保存包括“2x”
image@2x.png // (640x1136)
然后你必须将它调整到 320x568 并保存为 1x
image.png // (320x568)
关于ios - 如何从设计为 1242px x 2208px 的 PSD 中剪切 iOS8 资源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27559570/