干着前端,该开始一度不懂怎么切除符合页面需要的尺寸的图片或者图标,后面在网络上进行了取经,总结下几种方法:
第一种方法:
photoShop软件是上面下载安装cutterMan插件,至于具体操作就到官网上面去看看教程咯~~(http://www.cutterman.cn/zh/cutterman)
第二种方法:
1、打开PSD文件,选中要切的图像,选择切片工具
2、选中图像(如果只要该图像,不要背景,要去掉背景色再选中该图像) ,更改图像尺寸 (备注:切图由大到小切)
3、导出图像(ctrl+shift+alt+ s),选择图片存储格式,(保存路径时,下方有选择切片的类型,是全部切片,还是只是用户选中的切片)
第三种方法(该方法比较神奇哟~~):
<!--?xml version="1.0" encoding="UTF-8"?-->
<!--?xml version="1.0" encoding="UTF-8"?-->
1、选择“编辑”--“首选项”--“增效工具”--”启用生成器“--确定。
2、点击菜单栏”文件“--选择“生成图像资源”;
3、对图层进行重命名“按钮”(“按钮.png”或者“按钮.jpg”或者“按钮.svg” 或者“按钮.webp” ),在该psd文件夹下会自动生成一个文件夹存储切好的图片,若不要该图片,只需更改图层的名称即可。( 要导出不同的格式,只需把图层名称的后缀改成相应的格式后缀就可以了。默认jpg格式以90%品质生成,png格式以32为图像生成,gif以alpha透明度生成)
ps:对图片进行优化:
生成 ios 2倍图 ,重命名时格式为“200%按钮 @2X.png”,即可生成按钮 @2X.png 图片。
保存jpg格式的图片时,重命名为“按钮.jpg8”意思是生成80%效果的jpg图片。(10为100%)。
第四种方法:选择“文件”--“抽出资源”--“选择格式”--”修改名称“--确定。
第五种方法:(传统方法)
<!--?xml version="1.0" encoding="UTF-8"?-->
<!--?xml version="1.0" encoding="UTF-8"?--> 选择切片工具,对要切的图片进行选择,通过参考线进行细微的调节后(手动选择的图片显示为蓝色的切片框,自动选择的图片显示为灰色的切片框),选择菜单栏上的“文件”--“导出”--“存储为web格式”--存储(保存时选择所有用户切片和所有切片保存的图片数量不一样,一个是只保留手动选择的图片,另一个是保存所有的图片。)
第六种方法:
对要切的图片的位置拉参考线,一张psd文件中可能要切的图片比较多的时候,需调整切片的数量。(备注:不建议使用该方法。)
第七种方法:精准切图
选择“文件”--“脚本”--“将图层导出到文件”--选择要保存的图片的格式和地址--确定。