网站设计中15个图片优化技巧

2016-11-12    分类: 网站设计

现在网站设计是利用大量图片,如何优化这些图像,以提高网站的速度?下面是创新互联整理出来15个网站设计优化原则。

1.在网站设计之初,先做规划,如背景如何使用等等,知道大概情况。

2.编辑图像,做切割,仅显示必要的,重要的,与内容相关的部分。

3.在输出图像,图像的大小应正确设置,长度和宽度的像素设置为您所需的大小,而不是输出大图片,然后指定一个较小的长度和宽度,缩小图片。

4.尽量结合的装饰图片,以便保存请求的数量,具体使用方法,使用CSS sprite。

5.网页的边框,背景,尽可能采用的css方式显示,并且不使用图片。

6.使用的png格式,在质量的情况下,以较小的文件。

7.在html指定大小的图片。

8.如果你使用PS图象处理软件,缩放图片通常会使图像模糊,你可以使用智能锐化使画面更加突出。

9.图片和文件格式,尽量减少颜色数量,可以使文件更小。

10的图片和图标文件,尽量减少抖动,可以使文件更小。

11.如果图片添加文本,如果可能的话,不要把话到图片,但使用透明的背景,或定位允许写入所涵盖的图片,不仅获得相同的效果,但也把画有更大程度的压缩。

12.小点的png和gif图片,可以使用有损压缩。

13.利用局部压缩,图片清楚的基础上,更大程度的压缩背景。

14.一张图片在优化之前,可以获得超过20%个额外的压缩。

15.图像可以是模糊的背景,可压缩。

网页标题:网站设计中15个图片优化技巧
文章来源:https://www.cdcxhl.com/news/66177.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设