上海雍熙网站建设

电话咨询
在线咨询
微信咨询

输入您的电话,我们即刻给您回电

接通客服

您也可直接拨打24小时电话:4008-030-567 或线上咨询

数 字 化 网 站 升 级

雍熙已支持虚拟会议室远程洽谈
企业微信客服
一键订阅建站干货内容
扫码获取2021年建站策略指南
一键订阅网站干货内容

当新的文章、案例及行业报告时,我们将及时发送给您。

制作网站如何进行图片的优化处理

发布时间:2019-03-30 热度:211 作者:上海雍熙

网站的图片优化能够更好的提高网站的打开速度,该如何进行网站图片的优化处理呢?一起来看看一下吧!

一、控制网站jpg图片的质量

网站建设时质量高的jpg格式图片比较清晰,色彩更鲜艳,不少人就用这种图片来美化header,其实这对速度的影响是很大的,因为打开一个页面首先加载的就是header,header加载时间太长的话,很容易使第一次来的访客反感,还有一种情况是页面上的小图标,有些站长过于追求美观,于是页面上的小图标也用高质量的图片来做,这是很没必要的。

二、网站图片gif格式的使用

jpg格式在在展示色彩丰富的大图片是效果很好,但做网页图标的话,gif才是最好的格式。因为在进行像素的展示gif的效果比jpg好一些。这点你们在做网站的时候可以自己尝试一下。因此,在制作颜色比较少的gif时,尝试一下降低颜色数,只要效果能过得去就行了。

三、网站背景图片的处理

很多人喜欢用图片做页面元素的hover变换效果,但是却没有把相关的图片整合,导致一些变换效果有事会因为图片载入失败而失色。我们可以把针对某个效果的图片都整合成一个文件,在css里用background-position属性调整图片位置。这种做法的好处是背景只需要一次http请求,图片可以重复调用,也有利于图片变换。

网站制作优化

四、提高网站图片的传输并行程度

使用多个而不是一个域名访问图片

大多数浏览器中,对于同一域名下的并发HTTP请求数是有限制的,一般为几个。当页面中图片数量较多时,可以考虑分配不用的域名来访问。

五、延迟加载图片

现在的网站都讲求的是图文并茂,所以在做网站取得时候通过延迟加载图片这个方法也能很好的提高网站的加载速度。