网站设计中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.图像可以是模糊的背景，可压缩。

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

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

猜你还喜欢下面的内容