手机网站制作过程要注意：图片不清晰，尅用这两个解决方案

做手机网站与做电脑网站不一样，最大的一个区别就是如果里边图片太小，就会出现不清晰的问题。一般手机屏幕是高清屏幕，他的尺寸上是360像素，到640像素范围的居多，但是实际上它可以展示1000多像素的图片，差不多是2倍的样子，这个与手机的PPI有关系。

所以，可以粗略地认为，2像素在手机上长度是1像素，如果你用了300多像素的图片做全屏图片，肯定不清晰，一般要两倍。比如手机上全屏图片，要用720px到1280px像素宽度，才会清晰。

永易搜建站，一般会要求制作手机网站的时候采用两种解决方案：

一、使用图片的情况，图片要做大1倍。

比如本来是一个200像素的位置，要做400像素的图片。如果用img标签就给width=200，如果是背景图片，就用background-size来约束他的大小，相当于给他缩小1倍。

这样做出来的就会清晰了。

二、小图标使用字体文件，可以矢量格式进行缩放，比较清晰。

有一些小图标，做成图片比较麻烦，手机上可以支持字体文件，所以就做成字体图标，这样做出来的图标就非常清晰了。

图片素材的清晰程度是一个网站的档次的表现，一定不能掉以轻心。永易搜建站早就把这个地方做的很规范，我们制作的网站这几年都可以支持到高清屏幕显示。每一个建站公司都应该对自己要求更高。