Responsive image

网站制作中关于图片优化的13个原则

  无论是做网站,还是更新网站内容,好多站长都喜欢使用大量的图片,目的是为了让自己的网站看起来图文并茂,更加美观一些,从而吸引用户停留在页面的时间更长一些。诚然愿望是极为美好的,但是网站的图片一旦多了,若是不采取任何的优化措施,就会降低网站的访问速度。这不,上海seo就整理出来了网站制作中关于图片优化的13个原则,我们一起来看下吧。另外你看你感兴趣的文章:网站图片优化的最佳方式利用图片优化如何提升网站排名

  1、网站制作开始前要做好规划,包括要用到哪些图片、用多少图片、什么图片在哪里使用等。

  2、如非必要展示全景,可以对图片进行裁剪,只保留与页面内容有关联的部分。

  3、同一篇文章需要上传多张图片的时候,要学会将它们或两张、或四张的组合成一张图片再上传。

  4、制作网站边框、背景时,能用CSS处理的就用,其次再考虑使用图片。

  5、相同条件下,png格式的图片是最小的,网站上的图片能不用jpg和gif格式的就要用了,优先png。

  6、一定要在html中写清楚图片的大小。

  7、在PS过程中,直接缩放图片非常容易造成图像清晰度下降,最好能用smart sharpen(智能锐化)进行处理。

  8、虽然png格式的图片已经是最小的了,但是当把它们的颜色位数进行最小化时,图片还会更小哦,本技巧对于gif格式图片同样适用。

  9、依然要说png和gif格式的图片,把它们的dithering(抖动显示)最小化,会更小。

  10、当需要在图片上添加文字的时候,一般的美工只是简单的将目标文字嵌入到图片中,而真正优秀的美工会将图片背景透明化或利用CSS定位,然后再令文字覆盖在图片上,看上去效果是一样的,但是后者对图片的压缩程度是要大上许多的。

  11、在压缩png和gif格式图片的时候,若是它们本身就比较小,就放心的进行有损压缩吧。

  12、压缩图片还有一个小技巧,那就是事先进行降噪处理,然后压缩得到的图片会更小。

  13、说了那么多png和gif格式图片,最后就以jpg格式图片结尾吧,压缩之前先模糊背景,得到的jpg图片会更小。

上海SEO博客专注于为SEO从业者提供最新、最全的SEO优化知识,并为企业提供上海SEO顾问,上海SEO服务,上海SEO优化,上海网站优化,上海百度关键词排名优化等业务