野狼SEO团队,纯白帽SEO倡导者!13年专注网站优化服务,支持月付!  [点击查看公司宣传册]
专注纯白帽、整站正规优化
让你排名上升,流量上涨!
网站优化服务电话
0371-56789-390
详细内容
当前位置:首页 > SEO知识 > 详情

网页图片优化的技术手段总结

发布时间:2019-03-08 来源:本站原创 作者:野狼SEO团队 阅读:566

图片的制作很多人都会,但是图片怎么优化,估计很少人能说出个门道来。因为要考虑很多东西,有些是牵涉到技术方面的,可能一句两句说不清楚。野狼SEO团队今天就简单来总结一下,争取可以说的通俗易懂:

一、图片尺寸确定

很多人不知道网站上用多大尺寸的图片合适。这里教大家一些方法。因为图片有的做的是背景图,有的是网页上加的图片链接。所以查看网站上需要的图片大小方法也不是特别确定,所以你可以按照这样的方式来尝试:

第一步:在图片上点击右键,点击“属性”,如果出来的属性里有图片的宽高等信息,就说明是非背景图的方式做的。可以直接看图片的宽高。

第二步:如果点击属性看不到宽高信息,可以在图片上右键点击“审查元素”,在代码审查模式里找到这个图片的宽高信息。

如果没有写宽度,就是可以任意宽度,一般做成1920像素宽度会比较好。图片够用即可,不需要特别大的图片,如果特别大,就会占用比较多的存储空间和带宽。

二、图片大小确定

一般网络上的图片不要大于1M,小图片100K以内,大图片500K以内是比较合适的。如果图片特别大,就考虑要对图片进行压缩了。压缩图片有多个注意事项:

(1)输出位jpg格式,可以调整输出质量来降低图片大小

(2)输出图片的时候,图片的尺寸越小,大小也会越小

网页上因为想要图片打开快,所以一定要给大小处理一下,不要把手机上或者相机上的图片直接传到网上,因为这样会影响到网站打开速度的。

三、图片模糊加载

以前我们见过为了让图片模糊加载,用大图片配合小图片的方式来做,是比较麻烦的,由技术开发能力的可以做下。现在jpg图片输出位“连续”模式,是可以实现这种效果的。大家不妨尝试下。

当然,图片的处理还有很多技巧,大家还是要现实中自己摸索一下。野狼SEO团队能够传授的经验就这么多,觉得有用的欢迎留言给我们。如果有不明白的也欢迎咨询。

访客头像访 客3.230***
新评论
  • 支持的评论:
    说得很好
    管理员回复:谢谢
    2019-03-08