什么是二倍图?什么是三倍图?

最新推荐文章于 2024-07-19 17:50:24 发布

GK-c

最新推荐文章于 2024-07-19 17:50:24 发布

阅读量3w

点赞数 3

分类专栏： Vue 文章标签： hybrid webapp 移动端混合式开发

本文链接：https://blog.csdn.net/chengjinrui/article/details/73478742

版权

Vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

啥是二倍图和三倍图

什么时候会需要

比如你需要一个30pt*30pt的图标，那么这时你就需要跟美工（美术工程师）要三个文件：
一个是30px*30px的PNG图片，用原名来命名即可，例如sample.png。
一个是60px*60px的PNG图片，这个要用原名@2x来命名，例如sample@2x.png。
一个是90px*90px的PNG图片，这个要用原强调内容名@3x来命名，例如sample@3x.png。
这样把这三张图片导入进工程，你会神奇地发现，这三个文件居然会被iOS统一识别为sample.png，用的时候只需要[UIImage imageNamed:@”sample”]就行了。

应用场景

1x的图标用于1:1的屏幕，非视网膜屏，例如iPhone 3GS、（/20140414DEL/ //早期iPhone 4）非视网膜屏的众多iPad等。
2x的图标用于1:2的屏幕，大部分视网膜屏，机型如（/20140414ADD/ iPhone 4、）iPhone 4S、iPhone 5、iPhone 5s、iPhone 6、iPad with Retina及后续的视网膜屏iPad等。
3x的图标目前应用于1:3的屏幕，即iPhone 6Plus，这个就比较特殊了，因为苹果为了方便开发者，想出来一个简便的实现方案，将2208*1242分辨率的图像压缩输出在1920*1080的屏幕上。