当前位置: 南京SEO网站优化网 > SEO教程 > SEO技巧 >

SEO技巧

网页优化时图片优化15大原则

  • 2017-10-27 09:19
  • 阅读(
  • 作者(南京SEO网站优化网)
  • 来南京SEO网站优化网,为您提供2017年最专业的SEO服务,包含SEO按天计费、整站优化等服务。点此查看详情

    现在的网页设计制作中都大量的使用图片,那么我们该如何优化这些图片,以方便后期的网站优化推广以及提高网站的访问速度呢?小编总结了一下的图片优化15大原则,以供大家参考。

    网页优化时图片优化15大原则
    现在的网页设计制作中都大量的使用图片,那么我们该如何优化这些图片,以方便后期的网站优化推广以及提高网站的访问速度呢?小编总结了一下的图片优化15大原则,以供大家参考。
    1.网页设计制作尽量采用组合装饰性的图片,以节省http请求数,在具体使用时,采用CSSsprite的方式。
    2.页面上的边框,背景,尽可能的使用CSS的方式来展示,而不要用图片。
    3.图片使用上,能用png格式的尽量用,以替代过去常用的gif和jpeg格式。在保证质量的情况下,用最小的文件。
    4.在网页设计制作之初,就先要做好规划,比如背景图片如何使用等等,做到心中有数。
    5.编辑图片的时候,要做好裁剪,只展示必要的、重要的、同内容相关的部分。
    6.网页设计制作在输出图片的时候,图片大小要设置妥当,长宽像素就设成你所需要的大小,而不要输出大图片,然后使用的时候,再指定较小的长宽,缩小图片。
    7.在html中明确指定图片的大小。
    8.若使用photoshop的话,缩放图片通常会让图像模糊,可以用smart sharpen来让图片更为出色。
    9.对于GIF和PNG文件格式,最小化颜色位数,可使文件更小。
    10.对于GIF和PNG文件,最小化dithering,可使文件更小。
    11.如果图片上要添加文字,可能的话,就不要把文字嵌入到图片中,而是采用透明背景图片,或者CSS定位让文字覆盖在图片上,既能获得相等的效果,还能把图片更大程度的压缩。
    12.在较小的GIF和PNG图片上,可以使用有损压缩。
    13.网页设计制作可能的话,使用局部压缩,保证前景清楚的基础上,较大程度的压缩背景。
    14.图片在优化之前,若能降噪的话,可以获得额外的20%多的压缩。
    15.jpg图片也可以模糊背景,然后压缩的时候,可以压缩的更多。

     

    本文原创发布于南京SEO网站优化网(http://www.025youhua.com)。未经许可,禁止转载。

    分享到微博 分享到微信

    分享到微信朋友圈

    《网页优化时图片优化15大原则》二维码分享
    网页优化快照回档 的原因及解决方法
    网页优化快照回档 的原因及解决方
    单页面网站优化策略
    单页面网站优化策略
    新手进行网站优化时的难点解析
    新手进行网站优化时的难点解析
    如何做好手机端SEO优化?
    如何做好手机端SEO优化?

    南京SEO网站优化网(www.025youhua.com)是由南京SEO公司浪知潮网络创办的南京地区最大、最活跃的以SEO为核心的服务、学习、交流平台,集企业服务、SEO培训、社群活动为一体,全方位服务各类客户。南京SEO网站优化网已服务500余家企业,免费SEO诊断数千家网站,全面覆盖南京SEO市场,已经得到了南京地区的广泛关注和高度好评。南京SEO网站优化网为您提供全方位的SEO外包服务!
    • 浪知潮网络
    • 蓝蝶网络