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

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

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

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

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

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

三、网站背景图片的处理

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

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

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

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

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

五、延迟加载图片

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

发表评论

Crypto logo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus cursus rutrum est nec suscipit. Ut et ultrices nisi. Vivamus id nisl ligula. Nulla sed iaculis ipsum.

Contact

Company Name

Address