027-51110620 18986266083 联系电话

当前位置:主页 > 行业资讯 > SEO >

在网站优化中,图片应该如何进行优化(上)

文章来源:小象慢跑 发布时期:2018-02-09
  1.去掉无意义的润饰。嗯,沃索苏SEO会瞎说吗?除了内容图片,其他的图片的作用是润饰,也就是关于传达信息来说并非实质性的。最大的优化就是压根不要图片!所以在优化之前要做的,首先是确认规划,规划自身是否需求用那么多图片?仍是说能够更简练?


 

  2.不必图片。嗯,切图是一件扯淡的工作!不要不得要领了少年,直接运用CSS代替图片来完成润饰作用吧!如半透明、边框、圆角、暗影、突变等,在当时主流浏览器中都能够用CSS达到。将来CSS滤镜得到广泛支撑后,还能够做到alpha混合、正片叠底等各种作用。

  3.运用矢量图代替位图。关于绝大多数图画、图标等,矢量图更小,且可缩放而无需生成多套图。现在主流浏览器都支撑SVG了,所以可放心运用!

  4.运用恰当的图片格局。咱们常见的图片格局有JPEG、GIF、PNG。基本上,内容图片多为相片之类的,适用于JPEG。而润饰图片一般更适合用无损压缩的PNG。而GIF基本上除了GIF动画外不要运用。且动画的话,也更主张用video元素和视频格局,或用SVG动画替代。除了这些格局之外,Chrome、新版Opera、Android4+支撑WebP格局,IE9+、IEmobile10+支撑JPEGXR。这两个新格局都支撑无损和有损压缩,都具有更杰出的压缩比。当然这需求为不同的浏览器回来不同的图片,添加了开发本钱,也添加存储本钱。不过你省了流量或许相同流量下改进了图片质量,提升了用户体会。你会怎么取舍呢?对了,别忘了运用优异的图片编码器及适宜的参数。好的图片编码器,尤其是有损图片格局的编码器,能经过算法或手动调整,取得更高的压缩比。



阅读推荐:关键词的选择技巧