前端切图入门：
切图+码代码
用Photoshop
会产生大量缓存
先改变缓存盘路径，默认单位的修改px
ps预设：
工具，标尺，图层，信息，字符
用标尺可以更好的裁剪图片，1像素之间也不行
切片工具可以实现快速生成多个图片，但不是很适合
切好图片生成png图片格式，取名要有意义
吸取颜色获取rgb
CSS雪碧 即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。
该图片使用CSS background和background-position属性渲染，
优点：
1.减少加载网页图片时对服务器的请求次数
2.可以合并多数背景图片和小图标，方便在任何位置使用，这样不同位置的请求只需要调用一个图片
3.提高页面的加载速度
不足：
CSS雪碧的最大问题是内存使用
除非这个雪碧图片是被非常小心的组织，你就会最终使用大量的无用的空白。
影响浏览器的缩放功能，浏览器就需要做一些额外的工作来纠正这些图片边缘的行为
切图的优化
3s时间，网页加载3s还不出来用户基本上会关闭，所以图片数量要适度
颜色代替图片
雪碧图的制作
字体图标的使用
快捷键的使用：
删除图层delete
ctrl+e合并图层
v移动
c裁切
切图辅助工具：
MarkDown
TinyPNG
前端自动化
