ios中的icon到底用多少DPI比较合适

qpal 发布于2019-06-25 16:35 / 1716人阅读

摘要：到底多少好呢找到美术，美术告诉我越高的，图片就越清楚，所以如果需要更清晰的在导出的时候，就应该用更高的。增加也不会影响到图片文件的大小。是印刷的概念，也就是说，只有把图片打印到纸上的时候，才有意义。

在xcode中打包的时候要填icon配置，如图：

（这是网上随便截图的，现在xcode升级，具体数值已经不是这样了）

比如上图中的 29x29pt，是什么意思，查了一下才知道，是指29个点（points）,而上面的2x,3x是指什么呢？它们是指一个点中的像素（pixel,一下简称px）数量，2x就是指一个点中要两个像素。所以要在29x29pt的2x处，放一张58x58px的图，在29x29pt的3x处，放一张87x97px的图.

会算这个之后，我就跟美术讲，我需要多少像素的图片就好了。事实上，美术只需要给我一张1024x1024的图片，我把这个图片拉入如下网站，就可以下载所有所需分辨率的图片了。

http://appiconmaker.co/

这时候我又有了一个新的问题，就是多少像素我确定了，那么图片导出的时候，我需要多少DPI的图片呢？有时候美术给我的是72DPI的，有时候是300DPI的，上面那个网站的例子图片又是96DPI的。到底多少好呢？找到美术，美术告诉我越高的DPI，图片就越清楚，所以如果需要更清晰的icon,在PS导出的时候，就应该用更高的DPI。还说过高的DPI会导致图片体积变大，之类balabala……

事实真的如此吗？

根本没这回事！

其实标题中的问题是个伪命题，因为IOS中的icon只跟分比率有关，跟DPI是完全无关的。增加DPI也不会影响到图片文件的大小。DPI（dot per inch）是印刷的概念，也就是说，只有把图片打印到纸上的时候，DPI才有意义。

比如上面的29x29pt的2x,它就只用58x58px来表现这张图片，至于说每个px打印出来是多大，这完全没关系嘛！

更多关于这个问题的讨论，可以看如下链接：

https://stackoverflow.com/que...

btw，有一个有意思的问题是，为什么大家通常要求美术给出72dpi的图片，可以看看下面的文章，it will blow your mind!

http://www.pixelperfectcreati...

私有云 idc机房托管比较合适云主机带宽多少合适阿里云主机带宽多少合适服务器带宽多少合适

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/16916.html

巧用Android图片资源，打造更精致的APP

摘要：所以完美的方案就是，需要提供尺寸均一的大图片，适配到下相比微信的高清图片资源，展现的精致效果在级别及更高版本中，可定义矢量图片，而且图片可在不损失清晰度的情况下缩放。前言由于android系统的开放性，以及IOS的相对封闭。第三方设备想要使用苹果的OS，目前来说是不可能。所以，各厂商纷纷的投入了android的怀抱，android阵营也越来越强大，如今移动操作系统也就是androi...

iamyoung001 2019-06-25 10:52 评论0 收藏0
Web 图片性能优化系列一：背景与基础

摘要：比如照片全色矢量图无压缩内容支持全色而且要支持缩放的时候质量不变。什么是响应式图片组成网站的资源中，图片往往是网络负载的主要组成部分，占据了大部分负载而且随着时间推移，这个现象仍然会保持。虽然现在的网络连接速度持续改进，但是同样出现了越来越多的高 DPI 分辨率设备，为了在这些设备上有更好的表现，就需要有更高清晰度的图片，高清晰的同时就需要更大的文件大小。而因为仍需要支持一些相对非...

BearyChat 2019-08-29 12:30 评论0 收藏0
Web 图片性能优化系列一：背景与基础

摘要：比如照片全色矢量图无压缩内容支持全色而且要支持缩放的时候质量不变。什么是响应式图片组成网站的资源中，图片往往是网络负载的主要组成部分，占据了大部分负载而且随着时间推移，这个现象仍然会保持。虽然现在的网络连接速度持续改进，但是同样出现了越来越多的高 DPI 分辨率设备，为了在这些设备上有更好的表现，就需要有更高清晰度的图片，高清晰的同时就需要更大的文件大小。而因为仍需要支持一些相对非...

frank_fun 2019-08-01 16:43 评论0 收藏0
html5手机页面的那些meta

摘要：如针对搜索引擎的，文档的字符编码，设置刷新缓存等。标准模式指令以标准模式显示，而模式指令以模式显示。竖屏标准分辨率竖屏横屏标准分辨率横屏和的启动画面是包含状态栏区域的。一、普通手机页的设置1.说明：屏幕的缩放 content的几个属性： width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值，大部分的...

ivyzhang 2019-08-02 18:37 评论0 收藏0
屏幕适配全方位解析

摘要：需要注意的是，这种通过限定符分辨屏幕尺寸的方法，适用于之前。这种最小宽度限定符适用于之后，所以如果要适配全部的版本，就要使用限定符和文件同时存在于项目目录下。 1.屏幕适配概念而随着支持Android系统的设备(手机、平板、电视、手表)的增多，设备碎片化、品牌碎片化、系统碎片化、传感器碎片化和屏幕碎片化的程度也在不断地加深。而我们今天要探讨的，则是对我们开发影响比较大的——屏幕的碎片...

loonggg 2019-06-25 12:15 评论0 收藏0