如何从设计为1242px x 2208px的PSD剪切iOS8资产 [英] How to cut iOS8 assets from a PSD designed at 1242px by 2208px

问题描述

我负责开发的项目(我的第一个iOS项目之一)中的设计师使用设置为1242x2208像素的Photoshop画布设计了该应用程序，该像素是iPhone 6+使用的像素数.我搜寻了互联网，但对于1倍，2倍，3倍的所有转换，越来越感到困惑，更进一步的是，苹果将尺寸缩小为1080x1920.

The designers on a project I am responsible for developing (one of my first iOS projects) designed the app using a Photoshop canvas set at 1242x2208 pixels, which is the number of pixels that the iPhone 6+ uses. I've scoured the internet and am just getting more and more confused by all the conversions for 1x, 2x, 3x and to further the confusion, apple downsizes to 1080x1920.

无论如何，我如何正确切割@ 1x，@ 2x，@ 3x的资产?裁剪所需的元素时，将其保存为3倍.但是我应该除以得到2x和1x版本呢?

Anyways, how do I cut the assets correctly for @1x, @2x, @3x? When I crop the element I want, I save it out at 3x. But what do I divide by to get the 2x and 1x versions?

这是一个次要问题和一个假设情况:存在一个按钮，该按钮被设计为纵向屏幕的整个宽度，因此设计人员将其设置为1242x100.如果我将其保存为3倍，然后将其缩小为2倍和1倍，此按钮是否可以一直适合所有不同的屏幕尺寸，直至iPhone 4/4s(像素尺寸较小且宽高比不同)?

Here's secondary question and a hypothetical situation: There is a button that is designed to be the full width of the screen in portrait, so the designer made it 1242x100. If I save it out at 3x, then scale it down for 2 and 1x, will this button fit all the different screen sizes all the way down to iPhone 4/4s, which has a smaller pixel dimension and different aspect ratio?

很困惑，不胜感激！

推荐答案

示例: 如果您的原始图稿是960px x 1704px，则只需保存包含"@ 3x"的图片

Example: If you original artwork is 960px by 1704px, just save you image including "@3x"

[e-mail]   // (960  x 1704)

然后，您必须将其大小调整为640x1136并保存，包括"2x"

Then you have to resize it to 640x1136 and save including "2x"

[e-mail]   // (640x1136)

然后必须将其大小调整为320x568并另存为1x

And then you have to resize it to 320x568 and save as 1x

image.png      // (320x568)

这篇关于如何从设计为1242px x 2208px的PSD剪切iOS8资产的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！