在开发某些页面时总会遇到拥有很多小图片的需求,这时使用雪碧图就可以减少服务器请求的数量并节省带宽,在没有UI帮助的情况下,选用该插件是个不错的选择。
Image Sprites : 图像精灵是放入单个图像的图像集合。包含许多图像的网页可能需要很长时间才能加载并生成多个服务器请求。使用图像精灵将减少服务器请求的数量并节省带宽。
- 插件名:Image Sprites
- 官方地址:https://marketplace.visualstudio.com/items?itemName=gurayyarar.imagesprites
- 特性:
- 易于创建和更新图像精灵
- 支持 png、jpg 和 bmp 图像
- 配置垂直或水平精灵布局
- 使用 sprite 图像位置生成 LESS、Sass 或 CSS 文件
- 您可以使用不同的设置选项管理所有精灵
- 用法:
- Sprite文件夹中的所有图像
- 右键单击包含图像的文件夹并选择Create Image Sprite
- Sprite一些图像
- 选择图片,右键选择Create Image Sprite
- 这两种方式将生成一个设置.sprite文件以及生成的默认文件。image file.css