Dreamweaver CC教程:在Dreamweaver中编辑图像
Dreamweaver CC教程:在Dreamweaver中编辑图像
在 Dreamweaver 中编辑图像
Dreamweaver 提供了基本的图像编辑功能,使您无需使用外部图像编辑应用程序(例如 Photoshop)即可修改图像。Dreamweaver 图像编辑工具旨在使您能与内容设计者(负责创建网站上使用的图像文件)轻松地协作。
您可以在 Dreamweaver 中对图像进行重新取样并裁切、优化和锐化图像。您还可以调整图像的亮度和对比度。
注意:
您无需在计算机上安装 Photoshop 或其他图像编辑应用程序,即可使用 Dreamweaver 图像编辑功能。
选择“编辑”>“图像”。您可以设置以下 Dreamweaver 图像编辑功能:
优化
选择一个预设,指定文件格式,然后指定品质级别。当您移动品质级别的滑块时,可以在对话框中看到图像的文件大小。完成后请单击“确定”。
重新取样
添加或减少已调整大小的 JPEG 和 GIF 图像文件的像素,以与原始图像的外观尽可能地匹配。对图像进行重新取样会减小该图像的文件大小并提高下载性能。
在 Dreamweaver 中调整图像大小时,您可以对图像进行重新取样,以适应其新尺寸。对位图对象进行重新取样时,会在图像中添加或删除像素,以使其变大或变小。对图像进行重新取样以取得更高的分辨率一般不会导致品质下降。但重新取样以取得较低的分辨率总会导致数据丢失,并且通常会使品质下降。
裁切
通过减小图像区域编辑图像。您可以使用裁切来强调图像的主题,并删除要强调的内容周围的多余部分。
亮度和对比度
修改图像中像素的对比度或亮度。亮度和对比度会影响图像的高亮、阴影和中间色调。修正过暗或过亮的图像时通常使用“亮度/对比度”。
锐化
通过增加图像中边缘的对比度调整图像的焦点。扫描图像或拍摄数码照片时,大多数图像捕获软件的默认操作是柔化图像中各对象的边缘。这样扫描可以防止特别精细的细节从组成数码图像的像素中丢失。不过,要显示数字图像文件中的细节,您往往需要锐化图像。使用“锐化”选项会增加边缘对比度,使图像更加清晰。
注意:
Dreamweaver 图像编辑功能仅适用于 JPEG、GIF 和 PNG 图像文件格式。其他位图图像文件格式不能使用这些图像编辑功能进行编辑。
裁切图像
Dreamweaver 支持裁切或修剪位图文件图像。
注意:
裁切图像时,会更改磁盘上的源图像文件。如果您必须恢复为原始图像,建议为图像文件保留一份备份副本。
1、打开包含要裁切的图像的页面,选择图像,并执行下列操作之一:
在 Dreamweaver 中裁切图像
2、调整裁切控制柄直到边界框包含的图像区域符合所需大小。
3、在边界框内部双击或按 Enter 裁切选定内容。
4、将显示一个对话框通知您正在裁切的图像文件将在磁盘上更改。单击“确定”。
所选位图的定界框外的所有像素都将被删除,但图像中的其他对象会被保留。
5、切”回复到原始图像。
注意:
在退出 Dreamweaver 或使用外部图像编辑应用程序编辑该文件之前,您可以撤消“裁切”命令的效果并恢复为原始图像文件。
优化图像
您可以在 Dreamweaver 中优化网页中的图像。
1、打开包含要优化的图像的页面。选择图像,然后执行下列操作之一:
使用属性检查器编辑图像设置
2、在“图像优化”对话框中进行编辑并单击“确定”。
在 Dreamweaver 中优化图像
锐化图像
锐化将增加对象边缘的像素的对比度,从而增加图像清晰度或锐度。
1、打开包含要锐化的图像的页面,选择图像,并执行下列操作之一:
2、如需指定 Dreamweaver 为图像应用的锐化程度,请拖动滑块控件。您还可以在文本框中输入一个 0 到 10 之间的值。使用“锐化”对话框调整图像锐度时,您可以预览对该图像做出的更改。
在 Dreamweaver 中锐化图像
3、如果对该图像满意,请单击“确定”。
4、选择“文件”>“保存”以保存更改,或选择“编辑”>“撤消锐化”回复到原始图像。
注意:
您只能在保存包含图像的页面之前撤消“锐化”命令的效果并恢复为原始图像文件。保存页面后,对图像做出的更改将是永久性的。
调整图像的亮度和对比度
“亮度和对比度”选项可修改图像中像素的对比度或亮度。此选项会影响图像的高亮显示、阴影和中间色调。修正过暗或过亮的图像时通常应使用“亮度和对比度”。
1、打开包含要调整的图像的页面,选择图像,并执行下列操作之一:
2、拖动亮度和对比度滑块调整设置。值的范围从 100 到 100。
调整图像的亮度和对比度
3、单击“确定”。
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:设置代码外观
Dreamweaver CC教程:设置代码外观,设置,选项,缩进,教程,视图,...
-
Dreamweaver CC教程:默认在代码视图中打开文件
Dreamweaver CC教程:默认在代码视图中打开文件,默认,视图,打开...
-
Dreamweaver CC教程:提取 JavaScript
Dreamweaver CC教程:提取 JavaScript,文件,选择,脚本,教程,文...
-
Dreamweaver CC教程:设置 PHP 首选参数
Dreamweaver CC教程:设置 PHP 首选参数,教程,站点,参数,设置,...
-
Dreamweaver CC教程:分析代码
Dreamweaver CC教程:分析代码,教程,支持,红色,错误,显示,检查,...
-
Dreamweaver CC教程:自定义代码主题
Dreamweaver CC教程:自定义代码主题,自定义,教程,选择,默认,主...
-
Dreamweaver CC教程:用多个光标添加或更改文本
Dreamweaver CC教程:用多个光标添加或更改文本,光标,更改,文本...
-
Dreamweaver CC教程:包装在Condition 中
Dreamweaver CC教程:包装在Condition 中,教程,单击,鼠标右键,...
-
Dreamweaver CC教程:缩进代码块
Dreamweaver CC教程:缩进代码块,代码块,缩进,教程,单位,选择,...
-
Dreamweaver CC教程:提取到变量
Dreamweaver CC教程:提取到变量,变量,教程,右键,选择,表达式,...
-
Dreamweaver CC教程:包装在Try Catch 中
Dreamweaver CC教程:包装在Try Catch 中,教程,光标,选择,代码...
-
Dreamweaver CC教程:转换为箭头函数
Dreamweaver CC教程:转换为箭头函数,函数,教程,结构,语句,参数...
-
Dreamweaver CC教程:转到JavaScript或VBScript
Dreamweaver CC教程:转到JavaScript或VBScript,转到,视图,单击...