响应式网站中上传的图片为什么模糊了?
2020-03-24 16:10:30

同样是高清图片为什么模板网站中看着就是很清楚,自己上传到网站中就变模糊了?你可能有以下几个失误点:

一、你的图片并没有你想象中那么高清。

一张图片,在电脑端单独浏览的时候,看着很清晰。但是并不代表他还是高清图,我们眼睛在观察事物的时候,会受到光线影响,我们称之为视觉差,正确查看图片是否是高清图,需要用数据来确定,查看一下图片属性,看看图片的分辨率是多少,根据分辨率来确定是不是高清图哦。

二、图片被压缩了。

每一个响应式网站中上传的图片文件,视频文件都会被压缩的。因为网站是部署在服务商那边的,网站的流量费用都是服务商支付,如果图片或者视频太大,那么服务商那边需要支付的流量费用就越高,所以服务商会出于成本考虑,默认会将网站中的视频还有图片都进行压缩。所以建议图片不要太大,尽量将每张图片的大小控制在1.5M之内。

三、图片尺寸相差太大。

响应式网站中内容都是会根据浏览端屏幕自适应显示,所以就算一些尺寸很大的图片,在放到网站中的时候,也会同比缩小。但是也会有小伙伴出现这样的情况,将自己的高清图片上传到模板网站中之后,图片看上去没有模板中的图片好看,并且图片显示不清晰。会出现这样的问题,可能就是因为你的原图尺寸和模板中图片的尺寸比例不一致或者说尺寸比例差别太大。就比如:模板中的图片显示尺寸是650*460px大小,但是你的原图尺寸是1920*460px,很明显宽高比相差太大,模板中给的尺寸满足不了原图的尺寸,所以就做不到完美适配。

这个时候需要做的就两种:一是将网站中的图片显示尺寸比例调大,去适应原图尺寸;还有就是剪切一下原图尺寸,去适配模板网站的图片尺寸。

在竹子中,如果发现原图显示不怎么清晰,就可以从这几个方面去解决哦,还有竹子给每个图片都有压缩设置,在组件的设置中,设置这个压缩数值,数值大一些图片就会清晰一些哦,可以适量调整,不要完全依靠这个去调整清晰度哦。