ios开发美工图2x3x的简单介绍

什么是二倍图三倍图

1、x的图标用于1：1的屏幕，仅作为了解，现在一般都是直接使用二倍图及三倍图。2x的图标用于1：2的屏幕，机型如iPhone 4S、iPhone iPhone 5s、iPhone 6及后续的iPad等。

创新互联自2013年起，先为天津等服务建站，天津等地企业，进行企业商务咨询服务。为天津企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

2、倍图宽度规定是576（/0之后也就是288个像素），3倍图规定是864（/0 之后也是288个像素）。这样会发现以5s适配，也就是2倍图并且5s宽度为320 ，button这个宽度，看上去还行，但是6p 宽度414，显然感觉宽度不够。

3、尺寸不一样。XD是一款矢量绘图应用，在调整形状的时候一定程度上可任意缩放。AdobeXD默认画板尺寸是一倍图尺寸，PS给出的是二倍图尺寸，3倍图给的是3倍尺寸。

苹果IOS程序开发不同分辨率的设备统一为一个尺寸而标记的。@3X就是@1X分辨率的3倍。iPad2 是768 x 1024，iPad Retina 是1536 x 2048，开发时都按 768 * 1024 操作。但实际上两者有一倍差异。

就会看到工程xcassets中一张图片有3张尺寸：@1x @2x @3x 当工程中使用名字为example的图片时候，会根据屏幕模式自动选择对应的图片。

苹果guan 网的设计规范图片和图标尺寸相关从guan 网的资料我们可以看出，@1X@2X@3X是苹果ios开发不同分辨率的设备统一为一个尺寸而标记的，数字3表示分辨率的倍数。

@1x @2x @3x是开发工具Xcode软件需要的UI资源，命好名称后，IOS设备会自动的选取合适尺寸。 ③共用资源的图片，输出一张就可以类似这种重复的按钮之类的，只要提供一张共用的资源就可以了；上面的文字是技术写上去的。

可能要问问苹果了...)依此类推，得出换算公式一：若有小数，四舍五入即可。在 iOS 开发中，目前只需要 @2x 和 @3x 两种切图，所以导出 2 倍和 3 倍的 png 图片即可。

目前苹果手机的尺寸及分辨率iPhone界面尺寸：320*480、640*960、640*113750*1331080*1920等。iPad界面尺寸：1024*762048*1536等。

icon尺寸桌面图标 (app icon)xcode9 之后，要全部上传，1024*1024的app store的图片，不能加通道和设置透明度。

IOS界面设计尺寸规范（以iPhone6为例）界面尺寸规范界面尺寸大小是：750x1334px。

扫扫下载 AppIOS开发---&IOS7guan 方推荐图标和图像尺寸图标和图像大小每一个应用程序需要一个应用程序图标和启动图像。

从guan 网的资料我们可以看出，@1X@2X@3X是苹果ios开发不同分辨率的设备统一为一个尺寸而标记的，数字3表示分辨率的倍数。

这是因为iPhone 4中1个点等于2个像素，也就是30 x 40像素的图片，占据了60 x 80像素的屏幕。所以为使得图片清晰，需要进行图片适配。

切图也就是@2x的，开发要用到@3x和@1x（这是iphone4之前的机型目前来说已经用不到了），@2x乘以5等于@3x，（@2x除以2等于@1x）所以如果是单数的话会有小数点的情况，通俗的来讲切图会虚掉。

@3x是@2x尺寸的5倍，例如一个图标切图@2x尺寸是44px，那么@3x尺寸是66px。为了提升APP使用速度，尽量降低图片文件大小在切图资源输出中图标切图输出是很重要的部分，比如新手引导页、启动页面、默认图、广告图等。

因此我们采用 @2x 或者 @3x 的图片，就是为了使图片的位图像素和设备位图像素的数目接近于 1：1，就能使图片清晰显示不模糊。

\x0d\x0aAssistorPS\x0d\x0a也是一款PS的切图标注插件，也被誉为神器；我使用了下，感觉相当不错，就是标注还没太适应，推荐一下这个。

1、苹果IOS程序开发不同分辨率的设备统一为一个尺寸而标记的。@3X就是@1X分辨率的3倍。iPad2 是768 x 1024，iPad Retina 是1536 x 2048，开发时都按 768 * 1024 操作。但实际上两者有一倍差异。

2、这是因为iPhone 4中1个点等于2个像素，也就是30 x 40像素的图片，占据了60 x 80像素的屏幕。所以为使得图片清晰，需要进行图片适配。

3、在ios ui上面设置我们一般设置的是相对屏幕的长宽。那么对于图片一般都需要做成长宽的@1x @2x @3x三种来适配。

4、iOS屏幕上放置内容的坐标系统，是基于以点为单位的测量值，该测量值是映射到显示器的像素。标准分辨率显示器的像素密度为1：1(或@1X)，其中一个像素等于一个点。

5、@1x @2x @3x是开发工具Xcode软件需要的UI资源，命好名称后，IOS设备会自动的选取合适尺寸。 ③共用资源的图片，输出一张就可以类似这种重复的按钮之类的，只要提供一张共用的资源就可以了；上面的文字是技术写上去的。

苹果手机iOS界面设计尺寸和分辨率（1）界面尺寸：5英寸（iPhone1/2/3/4/4S）、4英寸（iPhone5/5S/5C）、7英寸（iPhone6/6S）、5英寸（iPhone6 plus/6S plus）等。

都需要分别对应不同尺寸。其他的也就是小屏的如 iPhone 4 5 SE 等。APP Icon 如果只是针对 iOS 移动端来说，对 iphone 做配置的话，按照下面指的这五种分别切图即可.iPad Pro. iPad， iPad Mini 尺寸需另切。

另外现在几乎看不到3GS了，所以需不需要提供一倍图，还是要和工程师讨论一下~@1x@2x@3x是开发工具Xcode软件需要的UI资源，命好名称后，IOS设备会自动的选取合适尺寸。

针对不同分辨率的图片，苹果规定了一个命名规范：假如一个普通分辨率的图片，文件名是“abc.png”，那么与其对应的高分辨率的文件名就应该是“abc@2x.png”，多了“@2x”。下面是IOSAPP 图标格式和尺寸规范。非常详细。

分享标题：ios开发美工图2x3x的简单介绍
本文URL：http://pwwzsj.com/article/dgcipej.html