美文网首页互联网网站建设
​如何避免网页中图片变形?

​如何避免网页中图片变形?

作者: 337814e901ea | 来源:发表于2018-07-04 10:27 被阅读3次

    最近有客户给我们反映说他们官网的产品图有严重的变形,当我接到这个消息的时候,我首先是想问题出在哪里。我查看了一下他们官网信息,发现产品页和产品详情页的图片是用的同一张图片,使用同一张图片可以有效的节省网站内存,提升网页打开速度,可是为什么会变形了呢?

    经过文汇建站小编仔细查找过后,小编知道了问题所在,主要问题有2个:

    第一个原因是图片本身大小比例与网页图片设置的大小比例不一致,我们都知道,现在网页的图片一般都有设置宽和高,这是为了网页排版美观,我们在后台上传图片的时候,应该严格按照后台要求设置图片大小,这样图片才不至于变形严重。

    第二个原因是我们本身的错误,导致产品页和产品详情页图片比例不一致。这个是代码错误,客户是无法更改的。

    发现了问题所在,就要找解决办法。第一个原因可以在图片上传之前设置好图片大小再上传,这样就不会变形了。

    第二个原因就需要我们的工作人员去修改了,这种错误可以避免,将2种图片框大小比例设置一样,就不会出现2个网页的图片变形了。

    网站建设中,我们经常会遇到各种问题,这需要我们在工作中去发现,并及时改正,吸取经验,避免同样的问题发生。

    阅读原文:https://www.cnwenhui.cn/html/show-1121.html

    相关文章

      网友评论

        本文标题:​如何避免网页中图片变形?

        本文链接:https://www.haomeiwen.com/subject/xbasuftx.html