zoukankan      html  css  js  c++  java
  • IOS开发-图片尺寸

    在这篇文章当中,不会讲述关于具体px pt,分辨率,像素的问题,在这篇文章中,只会谈及到一些展现的问题

    如果想了解更多关于pt,px之间的关系可以自行到百度查找相关的答案,或者到以下地址阅读更多相关的信息

    http://www.wtoutiao.com/p/10fxbGz.html

    首先我们来看一下以下的这张图,在这个图中可以很明显的看出,什么样的设备会用到什么图片比例

    在开发过程中,

    • 设备为iphone 3,图片自动会选择1x,
    • 设备是iphone4-iphone6s,图片会自动使用2x,
    • 设备是Iphone6 plus/iphone6s plus,图片会自动选取3x

    在以上的情况里面,假如未能找到对应级别的图片,默认会寻找上一级别的图片,例如iphone6,没能在2x中寻找到合适的图片,则自动会使用1x的图片

    现在有个一个事例,在下面的图中,

    • 1x为16x15像素的图片,
    • 2x为50x60像素的图片,
    • 3x为100x110像素的图片

    现在我们在iphone6s的设备上使用了这个图片效果如下图

    图中使用的是2x,不过在这张图中也很难看出什么效果,如果我们把100x110这张图放在2x的地方结果如下

    从这里可以看出,iphone6s使用的是2x的图片

    在看看以下的情况,15x16的图片放在了2x那里,是以下的效果

    如果放在了1x那里效果就是

    为什么放2x会那么小,1x会变得那么大呢?原因是2x除出来的图片,自动缩小两倍去适应分辨率,而1x那里是1:1的分辨率。当图片缩小后,自然锯齿就没有那么明显,但在1x当中,没有被缩小的图片自然锯齿就会比较明显

  • 相关阅读:
    HTML的BODY内标签介绍
    前端HTML基础和head部分
    pymysql模块
    数据库基础五
    数据库基础四
    数据库基础三
    数据库基础二
    数据库基础一
    洛谷P5055 可持久化文艺平衡树 (可持久化treap)
    BZOJ
  • 原文地址:https://www.cnblogs.com/oscar1987121/p/5765158.html
Copyright © 2011-2022 走看看