切图常说的@1X@2X@3X是什么意思？

苹果IOS程序开发不同分辨率的设备统一为一个尺寸而标记的。@3X就是@1X分辨率的3倍。
如图，iPad2 是768 x 1024，iPad Retina 是1536 x 2048，开发时都按 768 * 1024 操作。但实际上两者有一倍差异。为了达到最佳效果，使用的图片大小不一样。这时候就用同一个名称，但 Retina 的图加上 @2x 后缀。系统加载图片时，在 iPad2 上会加载 @1x 的图在 1536 * 2048 的设备上，会加载 @2x 的。@3x 现在用于 iPhone 6/6+ 上。

附带一提：iOS8渲染操作中使用前缀带有@1x、@2x 和@3x 的测试图像，代码会优先载入3x 图像。@2x图像不被加载。使用图像文件和XCAsset均不行。

切图常说的@1X@2X@3X是什么意思？相关推荐

CSS3的srcset size属性1x 2x 3x
responsive-images-youre-just-changing-resolutions-use-srcset 翻译原文: https://css-tricks.com/responsive ...
【iOS】iOS开发之使用Mac自动操作制作@1x@2x@3x图片（切图）
iOS开发中,会要求导入@1x.@2x和@3x: 使用@1x格式:iPhone3GS 使用@2x格式:iPhone 4,4S,5,5S,5C,SE,6,6S,7,8,XR 使用@3x格式:iPhone ...
iOS中图片@1x @2x @3x的意思
在xcode的images.xcassets中丢入图片后,这些图片会被默认划分为三种尺寸. 假设图片名为bdlogo.png 则这张图片会被自动填充到1x的位置假设图片名为bdlogo@2x.png ...
切图教程，app切图命名总结
再根据自己的习惯对APP切图命名进行整理总结. 结语: 作为一个有强迫症的设计师,希望产出是有缜密的思维逻辑,当然包括细节. 文字有的部分参考其它文章,整理后根据自己的工作经验作出的总结. 自己也还在 ...
一款APP从设计稿到切图过程全方位揭秘 Mark
纯干货!一款APP从设计稿到切图过程全方位揭秘 @BAT_LCK :我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写,相当于工作流程的介绍吧.公司不同 ...
一款APP从设计稿到切图过程全方位揭秘（IOS版）
9月17日凌晨,IOS9正式推送,它使用的字体最终还是变了,我下面写的内容你们也要酌情更新,因为我写的实在赶不上它更新的速度了 iOS9使用的西文字体由Helvetica Neue变更为 San Fr ...
纯干货！一款APP从设计稿到切图过程全方位揭秘
@BAT_LCK :我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写,相当于工作流程的介绍吧.公司不同,流程不尽相同,但是终究还是能有些帮助. 依旧声 ...
一款APP从设计稿到切图过程全方位揭秘
9月17日凌晨,IOS9正式推送,它使用的字体最终还是变了,我下面写的内容你们也要酌情更新,因为我写的实在赶不上它更新的速度了(泪奔中...) iOS9使用的西文字体由Helvetica Neue变更 ...
一款APP，从设计稿到切图
纯干货汇集了之前的五篇帖子的精髓依旧声明:这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用. 我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到 ...
iOS设计 - 一款APP从设计稿到切图过程概述
这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍.这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用. 这里我 ...

切图常说的@1X@2X@3X是什么意思？

切图常说的@1X@2X@3X是什么意思？相关推荐

最新文章

热门文章