联系方式咨询电话:0371-56768628

郑州网站建设 郑州网站设计 郑州网站制作 郑州网站建设公司 郑州做网站 网站地图 手机网站

网站地图-- 活动中心--

【网站排名,先优化,后付款,无效全额退款】: 客服②: 客服③:

郑州七彩科技有限公司

新闻动态

你当前的位置:首页 > 资讯 > 行业问答行业问答

网站建设过程中图片应该怎么优化利于网站
作者:郑州网站建设 发布时间:2019-04-01 浏览次数: 本文来源:http://www.rwxwl.com|郑州网站建设公司

图片是网站不可缺少的一部分,优秀的网站设计少不了图片的修饰,通过视觉的感知传达给用户比较深刻的印象。一篇好的文章,其基本标配就是图片混排,这样既有利于用户浏览阅读,也有利于搜索引擎收录和排名。那么在网站建设过程中图片应该如何优化呢?

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

 

网站建设过程中图片应该怎么优化利于网站


1、图片自身的优化

(1)、尺寸和大小:有很多人不知道为何搜索结果左侧有的网站会有一张小图,而有的没有。主要原因是别人图片尺寸符合搜索引擎的要求,建议一般尺寸宽高比例:121:75,这个比例的图片大小比较合理,也方便搜索引擎左侧显示。

(2)、体积大小:一张图片最好不要超过200K,若体积过大,则会导致网页加载速度过慢,影响用户体验度,网站跳出率也就会有所增加。

(3)、清晰度:图片清晰度对用户体验的影响不必多解释,若不清晰,很多时候用户看不到图上的重要信息就把网页关闭掉。

(4)、去除水印:我们大多用的图都是在网上搜索出来的,其实很多都被人家加上水印,所以再用图的时候,记得将水印去除。

(5)、图片“原创”:搜索引擎喜欢新鲜的东西,直接去百度盗的图,相似度太高。刻意去图片平台搜索还未收录的美图,懂PS的当然也可以自己做图。

2、尽量使用gif格式

jpg格式在在展示色彩丰富的大图片是效果很好,但做网页图标的话,gif才是最好的格式。因为在展示像素级的细节是,gif的效果比jpg好了不知多少倍,你可以尝试一下,截取一幅含有12px或14px文字的图,分别保存为256色的gif和质量为80的jpg,对比一下文字的显示效果,gif肯定比jpg清晰很多,而体积却小了不少。所以,在制作小图标或带有小字体的图片时,优先使用gif格式,这里还有说到一个颜色数的问题,gif格式能显示的颜色数量最多为256色,其实对不包含大量色彩渐变的图片来说,已经是非常足够了,因此,在制作颜色比较少的gif时,尝试一下降低颜色数,只要效果能过得去就行了。

3、如何插入装饰性图片

这里要讲的不是简单的用img标签插入图像,用这种方法插入页面小图标等装饰性图片弊端是非常大的。七彩科技小编认为首先,用img标签插入的图片不能通过简单的方法实现变换效果,在这里,美化效果要打个折扣,其次,用img插入的图片,如果图片不在浏览器缓存里,而且不重复出现的话,会大大增加http请求数。因为img标签理论上是出现一次载入一次的。其三,用img标签不利于调整图片位置,如果一个图片,需要在header靠右和footer靠左这两个位置出现两次,你就需要为它写两次css。其四,用img标签插入图片不利于整合,整合图片可以大大减少http请求数,到底整合图片有什么技巧呢?看下节。

4、页面背景图片的处理方法

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

5、插图尽量使用外链

由于服务器性能的限制,一般非独立主机都会限制单ip的http请求数,如果一个页面里http请求太多的话,页面往往要等很久才能完全载入。特别是图片,如果太长时间不能加载的话,浏览器就会断开与服务器的链接,这是就需要在点击一下显示图片才能显示出来,比较好的支持外链的相册有picasa、flickr和国内的yupoo等。这样做不但能减轻服务器压力,节约流量,更重要的是,我不相信大部分站长用的服务器比那些专业的在线相册快。

6、将网站制作图片进行CDN加速

一般情况下,通过以上一种网站图片优化方法,我们就能把网站打开速度优化到可观的打开速度。但是如果你的网站图片还是很大、很多,网站打开速度还是不能满足客户需求,那么我们还可以将网站的图片进行CDN加速。通常的方法就是购买开放存储服务OSS,然后为网站图片资源建立独立的网站,并为之进行CDN加速。

7,延迟加载图片

好多时候我们网站的图片比较多、网页比较长,网站好多图片不需要在第一时间呈现给客户,通常是不在第一屏显示的图片,这时我们可以对这些图片进行延迟加载,让需要第一时间显示的图片更快的加载和显示给客户。

专业的郑州网站建设公司七彩科技小编认为图片优化做好了才能给网站带来更好的用户体验,对搜索引擎抓取收录以及关键词排名有至关重要的作用。所以做好图片优化也是我们做网站优化工作中很重要的一部分。

更多关于网站建设方面问题留言咨询

  • 你的姓名:
  • 公司名称:
  • 电话号码:
  • 问题标题:
  • 问题内容:
郑州网站建设,是郑州一家专业的郑州网站建设公司,专注于郑州网站建设郑州网站制作郑州网站推广郑州网站设计郑州网站优化 电话咨询:13603957034 qq:2208778835
版权所有: 七彩科技网络 苏ICP备14010377号-3
邮箱:[email protected] 手机:13603957034
http://www.rwxwl.com
郑州网站制作 郑州网站设计 郑州网站设计公司 郑州做网站 郑州网站推广 郑州网站建设 郑州网站建设公司 郑州网站制作公司 我要啦免费统计
Baidu