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

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

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

郑州七
彩科技有限公司

新闻动态

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

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

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

网站建设时质量高的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
版权所有: 七彩科技网络
邮箱:[email protected] 手机:13603957034
http://www.
郑州网站制作 郑州网站设计 郑州网站设计公司 郑州做网站 郑州网站推广 郑州网站建设 郑州网站建设公司 郑州网站制作公司
Baidu
友情链接:    V8彩票双面盘   金沙彩票   V8彩票   重庆彩票   V8彩票备用域名