记一次前端切图的体验之旅

之前都没有用过ps去切图，然后做成网页，这次有机会体验了一次。其实重点工作在ps的使用上。

• 工具使用adobe cs6，vscode即可。设计师直接给了用ps设计的psd工程。用ps软件打开后，用里面的裁剪工具，先人工将整张网页裁剪，然后保存成html网页格式。
• ps软件生成的网页是以table为骨架，然后在表格的单元格里填充裁剪的图片。默认图片是以数字为后缀结尾的，支持使用ps为想要的图片点击时间添加超链接，比如为导航栏的图片添加跳转到其他网页的功能。

PS-前端切图教程（切jpg图和切png图

原文地址：https://www.cnblogs.com/linyihai/p/10587710.html