为了账号安全,请及时绑定邮箱和手机立即绑定

web前端什么是雪碧图 ?

web前端什么是雪碧图 ?

蝴蝶刀刀 2018-10-01 10:06:01
web前端什么是雪碧图 
查看完整描述

1 回答

?
开满天机

TA贡献1786条经验 获得超13个赞

  1. 雪碧图被运用在众多使用了很多小图标的网站上。

  2. 相对于把每张小图标以.png格式文件的形式引用到页面上,使用雪碧图只需要引用一张图片,对内存和带宽更好。

一、使用雪碧图的优点有以下几点:

  1. 将多张图片合并到一张图片中,可以减小图片的总大小。

  2. 将多张图片合并成一张图片后,下载全部所需的资源,只需一次请求。可以减小建立连接的消耗。

二、雪碧图的制作与使用方法:

  1. 使用图像编辑软件如Photoshop将多张图放到同一个图层并导出。

  2. 使用自动化构建工具自动拼接合并后的图片。

  3. 引用图片时,图片地址为合并后的图片地址。


查看完整回答
反对 回复 2018-10-27
  • 1 回答
  • 0 关注
  • 1274 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信