【PS笔记】PS2019

切片的作用与意义

化整为零，将一个大的图片切割成一个个小图片；

文件格式专业分析解读

1. Psd.：Photoshop的默认文件格式，支持Photoshop的大多数功能，Adobe应用程序（如Adobe Illustrator、Adobe InDesign、Adobe Premiere、Adobe After Effects和Adobe Golive）可以直接导入PSD文件并保留许多Photoshop功能。

2. Jpg.：联合图像专家组格式，是互联网上常用的图像格式，显示超文本标记语言（HTML）文档中的照片和其他连续色调图像。JPEG格式支持CMYK、RGB和灰度颜色模式，与GIF格式不同，JPEG保留RGB图像中所有颜色信息，但通过有选择地扔掉数据压缩文件大小，压缩级别越低，得到的图像品质越高。适合连续色调图像（如：照片）的压缩；

3. Gif.：可图形交换格式也是互联网上常用文件格式，显示HTML文档中索引颜色图形和图像，通过LZW无损压缩最小化文件大小和传输时间，可以保留图像的透明度，适合大面积单色区域的图像。

4. PNG.：便携网格图形格式是作为GIF的无专利替代品开发的，用于无损压缩和在Web上显示图像。与GIF不同，PNG支持24位图像并产生无锯齿状边缘的背景透明度；常应用于FLASH和Fireworks软件。

选择正确的图片格式

1. 优化储存为WEB格式

打开方式：文件—导出—存储为Web所用格式（快捷键：Alt+Shift+Ctrl+S；在跳出的面板更改相应的参数）

（1）JPG：适合渐变的连续色调的图像（如，照片）的压缩

（2）GIF：适合大面积单色区域图像的压缩；可以保留画面的透明

（3）PNG：用于无损压缩和在Web上显示图像。比GIF更加细腻，支持投影的透明并且无锯齿和边缘化。更好的透明图片的传输格式

不能一味的追求缩小图像，要在图像品质与图像大小中间寻找一个平衡点；

2. 切片操作方法

打开方式：裁剪工具组的下方为切片工具组

（1）切片工具手工切

按照矩形的切片方法，横向或者纵向切

（2）对齐参考线自动切

调出参考线，使用参考线划分；切片的工具栏会出现一个基于参考线的切片，点击之后按照划分好的参考线自动切片。

（3）切片选择工具-划分

打开方式：裁剪工具组最下方为切片选择工具

点击画布（激活工具栏的划分按钮）—点击工具栏的划分—在跳出的面板中选择需要的参数

（4）切片选项添加链接

①　用切片选择工具选择需要添加链接的图片

②　点击工作区正上方的文件样式的图标

③　在跳出的面板中输入参数

④　URL：网址、

（5）实践操作

①　打开一张图片；根据实际情况选择对齐参考线（使用参考线时按住Shift键，参考线在整数上）或者切片选择工具的划分

②　划分好以后用切片选择工具点击选择要添加链接的图片

③　点击工作区正上方的文件图标

④　在跳出的面板中输入参数还有需要的网址

⑤　文件—导出—存储为Web所用格式（在跳出的面板更改相应的参数）

点击划分好的图片上可以检查相应的信息

⑥　没有问题之后点击存储（记得选择存储路径），格式：选择HTML和图像，重命名（不修改后缀）后点击保存；重命名建议起英文名或者数字，如果是中文名会跳出提示，可以点击确定忽略。

⑦　找到刚刚选择的存储路径，会新出一个images的文件夹，里面就是刚刚划分好的图片还有和这个文件夹相对应的网页文件。打开网页文件相当于一个网页，鼠标移动到有设置网页的图片会变成手掌，点击会进入设置好的网页。

怎么查看切片和优化后网页完整的大小呢？

（在存储为Web所用格式跳出的面板进行操作）

设置好每个图片的参数后，双击抓手—点击切片选择工具—全选，左下角

每次学完以后记得多练习！多练习！多练习！古人总结的熟能生巧是超级真实的呀！去练习！

自学看视频总结的笔记，不知道有没有什么错的或者漏的地方 如果有，请大佬们在评论区提出来我会进行修改 有时候复习了或者在操作中发现了新的知识点会进行更改 好好学习一起加油鸭（｡ò ∀ ó｡）

软件需要私信我呀！