PHOTOSHOP
- 什么是切图
- 分析UI：组织html结构，需要的图片（前景，背景）
- 制作雪碧图
- 图片优化
- html+css
- 界面操作
- 移动工具：自动选择，点击可以找到对应图层
- 选框工具：可以快速显示选择区域宽高
- 图层模块：右键快速导出png
- 切片：crtl/shift+方向位移
- 先通过组合图层等方式，将对应图合并。然后复制到另一个psd里，进行整合
- 关于图片
- 矢量图是路径和颜色，放大不会失真，但很难表现色彩丰富的图片。
位图是块色组成，当尺寸变大，颜色会扩展，会失真。 - 有损压缩：jpg 不完全记录每个像素点的数据。
无损压缩：png png8(没有半透明状态),png24更大 - png格式：
jpeg格式：品质60，优化建议勾选， - 图片压缩工具
chorm插件：pagespeed
智图
5.雪碧图，
字体图标：不同的浏览器格式不一样，
6.关于背景图：
一般都是1920px。可以通过 absoulte来居中显示，多余的裁剪掉。
7.vm
handlebars
- 可以以zepto为基础么？
- 以script包含html模板 type="text/x-handlebars-template"
- {{#each}} {{/each}}
- 首先通过模板加入数据，生成HTML片段，最后插入到dom结构里。
- {{#if}}{{/if}}
快捷键：
- crtl+alt+0:缩放到最适合的比例
- f8信息面板
- 线的颜色
- f7 图层
- crtl+K 首选项
- f12 恢复到最初始状态
- ctrl+鼠标 备注信息，cutterman的信息
- ctrl+alt+c 画布大小
- ctrl+[]:图层顺序
- ctrl+':网格
疑问：
- 切片的裁剪大小
- 导出的格式
jpeg品质低 透底：png8(没有半透明状态),png24 - 雪碧图怎么制作
- 自动切片
5.一个div中的两行元素垂直居中 - 不同浏览器，颜色差距大
