Dreamweaver CC教程:在Dreamweaver中编辑图像

Dreamweaver CC教程:在Dreamweaver中编辑图像

在 Dreamweaver 中编辑图像
Dreamweaver 提供了基本的图像编辑功能,使您无需使用外部图像编辑应用程序(例如 Photoshop)即可修改图像。Dreamweaver 图像编辑工具旨在使您能与内容设计者(负责创建网站上使用的图像文件)轻松地协作。
您可以在 Dreamweaver 中对图像进行重新取样并裁切、优化和锐化图像。您还可以调整图像的亮度和对比度。
注意:
您无需在计算机上安装 Photoshop 或其他图像编辑应用程序,即可使用 Dreamweaver 图像编辑功能。
选择“编辑”>“图像”。您可以设置以下 Dreamweaver 图像编辑功能:
优化
选择一个预设,指定文件格式,然后指定品质级别。当您移动品质级别的滑块时,可以在对话框中看到图像的文件大小。完成后请单击“确定”。
重新取样
添加或减少已调整大小的 JPEG 和 GIF 图像文件的像素,以与原始图像的外观尽可能地匹配。对图像进行重新取样会减小该图像的文件大小并提高下载性能。
在 Dreamweaver 中调整图像大小时,您可以对图像进行重新取样,以适应其新尺寸。对位图对象进行重新取样时,会在图像中添加或删除像素,以使其变大或变小。对图像进行重新取样以取得更高的分辨率一般不会导致品质下降。但重新取样以取得较低的分辨率总会导致数据丢失,并且通常会使品质下降。
裁切
通过减小图像区域编辑图像。您可以使用裁切来强调图像的主题,并删除要强调的内容周围的多余部分。
亮度和对比度
修改图像中像素的对比度或亮度。亮度和对比度会影响图像的高亮、阴影和中间色调。修正过暗或过亮的图像时通常使用“亮度/对比度”。
锐化
通过增加图像中边缘的对比度调整图像的焦点。扫描图像或拍摄数码照片时,大多数图像捕获软件的默认操作是柔化图像中各对象的边缘。这样扫描可以防止特别精细的细节从组成数码图像的像素中丢失。不过,要显示数字图像文件中的细节,您往往需要锐化图像。使用“锐化”选项会增加边缘对比度,使图像更加清晰。
注意:
Dreamweaver 图像编辑功能仅适用于 JPEG、GIF 和 PNG 图像文件格式。其他位图图像文件格式不能使用这些图像编辑功能进行编辑。

裁切图像
Dreamweaver 支持裁切或修剪位图文件图像。
注意:
裁切图像时,会更改磁盘上的源图像文件。如果您必须恢复为原始图像,建议为图像文件保留一份备份副本。
1、打开包含要裁切的图像的页面,选择图像,并执行下列操作之一:

单击图像属性检查器中的“裁剪工具”图标 。 选择“编辑”>“图像”>“裁切”。 所选图像周围会出现裁切控制柄。

在 Dreamweaver 中裁切图像
Dreamweaver 中裁切图像
2、调整裁切控制柄直到边界框包含的图像区域符合所需大小。
3、在边界框内部双击或按 Enter 裁切选定内容。
4、将显示一个对话框通知您正在裁切的图像文件将在磁盘上更改。单击“确定”。
所选位图的定界框外的所有像素都将被删除,但图像中的其他对象会被保留。
5、切”回复到原始图像。
注意:
在退出 Dreamweaver 或使用外部图像编辑应用程序编辑该文件之前,您可以撤消“裁切”命令的效果并恢复为原始图像文件。

优化图像
您可以在 Dreamweaver 中优化网页中的图像。
1、打开包含要优化的图像的页面。选择图像,然后执行下列操作之一:

在图像属性检查器中单击“编辑图像设置”按钮。 选择“编辑”>“图像”>“优化”。

使用属性检查器编辑图像设置
使用属性检查器编辑图像设置
2、在“图像优化”对话框中进行编辑并单击“确定”。
在 Dreamweaver 中优化图像
Dreamweaver 中优化图像

锐化图像
锐化将增加对象边缘的像素的对比度,从而增加图像清晰度或锐度。
1、打开包含要锐化的图像的页面,选择图像,并执行下列操作之一:

单击图像属性检查器中的“锐化”按钮。 选择“编辑”>“图像”>“锐化”。

2、如需指定 Dreamweaver 为图像应用的锐化程度,请拖动滑块控件。您还可以在文本框中输入一个 0 到 10 之间的值。使用“锐化”对话框调整图像锐度时,您可以预览对该图像做出的更改。
在 Dreamweaver 中锐化图像
Dreamweaver 中锐化图像
3、如果对该图像满意,请单击“确定”。
4、选择“文件”>“保存”以保存更改,或选择“编辑”>“撤消锐化”回复到原始图像。
注意:
您只能在保存包含图像的页面之前撤消“锐化”命令的效果并恢复为原始图像文件。保存页面后,对图像做出的更改将是永久性的。

调整图像的亮度和对比度
“亮度和对比度”选项可修改图像中像素的对比度或亮度。此选项会影响图像的高亮显示、阴影和中间色调。修正过暗或过亮的图像时通常应使用“亮度和对比度”。
1、打开包含要调整的图像的页面,选择图像,并执行下列操作之一:

单击图像属性检查器中的“亮度和对比度”按钮。 选择“编辑”>“图像”>“亮度/对比度”。

2、拖动亮度和对比度滑块调整设置。值的范围从 100 到 100。
在 Dreamweaver 中调整图像的亮度和对比度
调整图像的亮度和对比度
3、单击“确定”。

 

推荐阅读