Question

请教大量们，在做手机客户端的时候为什么做好的图标会变得很模糊呢？

这是其它网站的看上去一点儿也不模糊！

这是我弄的，为什么边缘都像羽化了一样呢，这一张还算是好的，有些比这个还要模糊

上图中画线的图标





Answer 1

分辨率不够。
一般APP ICON有几套
低/中/高/非常高（目的是为了对应不同分辨率的手机）
放在一个目录下面

追问

那调用的时候，是程序员的事吗？我写html和css的时候要注意到这类的问题吗？

追答

Android程序开发所用app图标的几种大小
为了适应不同的手机屏幕大小和分辨率，android工程中准备了几种程序图标的大小。
程序的图标被命名为 ic_launcher.png 。
几种大小的图标分别放置在项目的res目录下的几个子目录中，目录和图标大小分别是：

drawable-xhdpi 96*96
drawable-mdpi 48*48
drawable-ldpi 36*36
drawable-hdpi 72*72

这是应用程序图标ICON的分辨率。可以借鉴
可以按照该分片率制作其中有一个应该是你手机的分辨率。

追问

弱弱的问一句那个css样式是怎么写的呢？

追答

这个没做过不清楚，不过可以用笨方法用图片来解决他，分辨率写大一些。即使分辨率低的屏幕也是很清楚的

追问

我是这个样子写的：
{background:url("mobile/css/images/item1ns.png") no-repeat center;width:2em;height:2em;display:inline-block;background-size:contain;}
不知道对不对！

追答

你可以试一试，我是个美工对代码略懂。不过最重要的--实验出真理。

Answer 2

这个问题最直接也是最好的解决办法，就是将做好的图片一律由72分辨率存成300分辨率，然后在css里写background-size:a px b px;（其中a、b是你想要显示的宽和高）

Answer 3

图片像素不够，切得太小了，你是用的48x48的还是？可以尝试更高的如72x72

追问

你做过手机客户端的页面吗？我有好多问题呢？

追答

之前做过

追问

那切成72px的，写html的时候应该怎么写呢？图片样式是怎样子的呢？