常见的图片格式
- jpg：JPEG（JPG）对色彩的信息保留较好，高清，颜色较多，我们产品类的图片经常用用jpg.
- gif：GIF格式最多只能储存256色，所以通常用来显示简单图形及字体，但是可以保存透明背景和动画效果，实际经常用于一些图片小动画效果。
- png：png是一种新兴的网络图片格式，结合了GIF和JPEG的优点，具有存储形式丰富的特点，能够保持透明背景。如果想要切成背景透明的图片，请选择png格式。
- psd：PSD格式是photoshop的专用格式，里面可以存放图层、通道、遮罩等多种设计稿。对我们前端人员来说，最大的优点是：我们可以直接从上面复制文字，获得图片，还可以测量大小和距离。
PS有很多的切图方式：图层切图、切片切图、PS插件切图等。
图层切图
视频：https://www.bilibili.com/video/BV1pE411q7FU?p=190&spm_id_from=pageDriver
最简单的切图方式：右击图层→快速导出为PNG。
视频：https://www.bilibili.com/video/BV1pE411q7FU?p=191&spm_id_from=pageDriver
但是很多情况下，我们需要合并图层再导出：
- 选中需要的图层：图层菜单jiantou合并图层（ctrl+e）
- 右击→快速导出为png
最好的方法：沟通。
切片切图
视频：https://www.bilibili.com/video/BV1pE411q7FU?p=192
1.利用切片选中图片
2导出选中的图片
文件菜单→导出→存储为web设备所用格式→选择我们要的图片格式→存储。
切片工具
cutterment安装
视频：https://www.bilibili.com/video/BV1pE411q7FU?p=193
cutterment使用技巧
若有收获，就点个赞吧
0 人点赞
