1.切图工具
1)逐个切法
缺点:如果复杂的网页,几百个图要切,很麻烦
步骤 | 示图 |
---|---|
①初始 | |
②使用就是用工具对着指定图层拉出切片图层,左上角会是蓝色的 一般是切代码不能实现的文字和图层 |
|
tips:切的时候要留意是否且完整,例如有一些有阴影的 | |
③导出 快捷键ALT + SHIFT + CTRL + S |
文件存储为web格式 |
2)参考线 切法
简便的切法,如果多图,参考线不同意,参考线会相互影响
缺点:有些切片切的很细,其他不需要的也切了,处理很麻烦
解决:删除切片
使用的时候建议裁剪成几个部分切,就不会影响了
步骤 | 切图 |
---|---|
①拉出参考线 | |
②选择 切片工具 属性栏 就会基于参考线切片 |
|
③导出 |
总结
传统切图还是很麻烦