loading请求处理中...
x
当前位置: 首页 > 行业资讯 > 文章详情

厦门网页设计制作中关于图片优化的15个原则 厦门网页设计制作中图片优化技巧

发布时间:阅读次数:

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

厦门网页设计制作中关于图片优化的15个原则  厦门网页设计制作中图片优化技巧


    1. 厦门网页设计制作尽量组合装饰性的图片,以节省http请求数,在具体使用时,采用CSS sprite的方式。
    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图片也可以模糊背景,然后压缩的时候,可以压缩的更多。

      一品威客网,新型设计开发 托付式服务平台
  • 发布一个任务,让千万威客为您服务!
立即发布一个需求

创意交易

为什么选择一品威客

千万专业威客商铺
威客实名认证,雇主放心交易
担保交易,满意后付款
赏金托管一品,安全全程保障
无风险,免费发布
所有类型任务,雇主免费发布
无风险,全额退款
零交稿零投标,任务全额退款

快速发布一个任务

让一品千万人才为您分忧解难!
  • 需求标题
  • 需求分类
  • 手机号码
  • 手机验证码