关于我们

 · 公司简介

 · 公司精神

 · 公司优势

 · 机房介绍

 · 联系方式

 客户服务

 · 建站流程
 · 优化流程
 · 售前售后

 · 服务保障

联系地址:兰州市七里河区宴北路80号
建站咨询:13919134237

技术咨询:13893129673

 

首页 >> 正文内容

 
15个网站图片优化的原则

编辑:技术员    来源:    发布时间:9/2/2017    浏览:1821

现在的网站大量的使用图片,那么这些图片如何优化才好呢?这里DavidYin列出了15个优化原则,与大家分享。

1)在网站设计之初,就先要做好规划,比如背景图片如何使用等等,做到心中有数。

2)编辑图片的时候,要做好裁剪,之展示必要的,重要的,同内容相关的部分。

3)在输出图片的时候,图片大小要设置妥当,长宽像素就设成你所需要的大小,而不要输出大图片,然后使用的时候,在指定较小的长宽,缩放图片。

4)尽量组合装饰性的图片,以节省http请求数,在具体使用时,采用CSS sprite的方式。

5)页面上的边框,背景,尽可能的使用CSS的方式来展示,而不要用图片。

6)图片使用上,能用png格式的尽量用,以替代过去常用的gif和jpeg格式。在保证质量的情况下,用最小的文件。

7)在html中明确指定图片的大小。

8)若使用photoshop的话,缩放图片通常会让图像模糊,可以用smart sharpen来让图片更为出色。

9)对于Gif和PNG文件格式,最小化颜色位数。

10)对于Gif和PNG文件,最小化dithering,可使文件更小。

11)如果图片上要添加文字,可能的话,就不要把文字嵌入到图片中,而是采用透明背景图片,或者CSS定位让文字覆盖在图片上,既能获得相等的效果,还能把图片更大程度的压缩。

12)在较小的Gif和PNG图片上,可以使用有损压缩。

13)可能的话,使用局部压缩,保证前景清楚的基础上,较大程度的压缩背景。

14)图片在优化之前,若能降噪的话,可以获得额外的20%多的压缩。

15)jpg图片也可以模糊背景,然后压缩的时候,可以压缩的更多。

上面就是DavidYin告诉你的15个图片优化的原则。

   
 

在线客服

  业务咨询1:

  业务咨询2:

  业务咨询3:

  技术微信:keyuanweb

站长统计:

关于我们

·科源简介

·科源精神

·机房介绍

·科源优势

·联系方式

客户服务

·建站流程
·优化流程
·售前售后

·服务保障

 

手机版扫描进入

售后与技术微信

关注微信公众平台

名称:兰州科源网络传媒  地址: 兰州市七里河区宴北路80号  邮编:730000

咨询热线:13893129673  邮箱:wsxs126@163.com    

 ICP备案号:陇ICP备09001785号-1  公网安备 62010302000523  网站技术:兰州科源   360网站安全检测平台