顶部右侧 | 自行修改 西安网站推广
当前位置:网站首页 > SEO技术 > 正文

15个网站图片优化的原则

seo秀 2019-05-25 42 浏览 0 评论

现在的网站大量的使用图片,那么这些图片如何优化才好呢?这里DavidYin列出了15个优化原则,与大家分享。,1)在网站设计之初,就先要做好规划,比如背景图片如何使用等等,做到心中有数。,2)编辑图片的时候,要做好裁剪,之展示必要的,重要的,同内容相关的部分。,

现在的网站大量的使用图片,那么这些图片如何优化才好呢?这里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图片也可以模糊背景,然后压缩的时候,可以压缩的更多。

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

作者:David Yin

原载:SEO 网站优化推广

版权所有,转载时必须以链接形式注明作者和原始出处及本声明。

相关推荐

让客户对你网站产生兴趣的办法!
让客户对你网站产生兴趣的办法!

大家好,欢迎来到西安蓝蜻蜓网络科技讲坛,今天我们讲述的是跟我们企业息息相关的话题,也是我们很多企业目前最头疼的问题,就是如何让客户对我们的企业或者个人网站产生兴...

2周前 (10-17) 小杨seo

中小型企业在网络营销上需要注意的问题
中小型企业在网络营销上需要注意的问题

众所周知,随着现在互联网的发展和进步,越来越多的企业包括个人都加入了互联网这个庞大的信息体系中,我们通过互联网也了解很多企业的成长及产品信息,从而完成产品上的交...

2周前 (10-17) 小杨seo

西安网络推广和线下推广的区别
西安网络推广和线下推广的区别

大家好,欢迎来到西安蓝蜻蜓网络讲坛,今天我们所讲的是,有关于我们企业线上和线下推广的共同点和不同点这方面的话题。随着互联网的进步,越来越多的企业入驻了互联网,同...

2周前 (10-17) 小杨seo

seo诊断费用有哪些方面?
seo诊断费用有哪些方面?

大家好,欢迎来到西安蓝蜻蜓网络讲坛,今天我们所讲述的是SEO诊断,什么是SEO诊断?SEO诊断是从哪几个方面诊断的?SEO诊断需要多少费用?一、什么是SEO诊断...

2周前 (10-17) 小杨seo

企业官网首页优化seo技术 优化知识有哪些!
企业官网首页优化seo技术 优化知识有哪些!

seo是搜索引擎优化的意思,那么大家seo技术有哪些吗?优化知识有哪些呢?新型黑帽技术包括有哪些呢?下面宝丞网给大家介绍一下关于seo技术的相关内容,有需要的朋...

2周前 (10-17) seo秀

SEO技术,快速让你变成seo高手,干货需要收藏
SEO技术,快速让你变成seo高手,干货需要收藏

前言:本篇培训直击SEO精髓,为什么只打算用一节课讲SEO?因为SEO本身没有那么高深的东西。互联网知识泛滥成灾的原因主要是培训机构惹的祸。为什么学SEO?排名...

2周前 (10-17) seo秀

SEO技术大全:SEO技术之经典30个白帽技术
SEO技术大全:SEO技术之经典30个白帽技术

SEO技术之经典30个白帽技术SEO技术之经典30个白帽技术,对于网络推广的人来说,如何让搜索引擎搜索到你的网站及让你的网站能在主流的搜索引擎上有良好的排名一直...

2周前 (10-17) seo秀

网站优化SEO技术
网站优化SEO技术

大家日日都在用网站优化,SEO技术,日日不停的在做网站内容更新,外链制作等等,但是网站优化真的就仅仅是如此吗?为的是网站排名?网站流量还是网上营销额?也想问问我...

2周前 (10-17) seo秀

什么是SEO高级技术?SEO教程教你如何运用
什么是SEO高级技术?SEO教程教你如何运用

今天SEO教程要介绍的是SEO站内优化的五大核心。主要包括:网站标题的写法,原创文章以及如何写原创文章,网站更新设置,网站全站链接,四处一词等相关内容。  第一...

2周前 (10-17) seo秀

SEO是什么?SEO技术都包含哪些方面?

SEO是什么?百度百科上的解释如下:图一:什么是SEO简单的来说,就是通过优化手段来提升网站的排名。我们来举个例子说明一下,例如在百度搜索框中搜索SEO,如下图所示。图二:SEO的搜素结果我们看到,百...

取消回复欢迎 发表评论: