Dreamweaver CC教程:调整图像大小

Dreamweaver CC教程:调整图像大小

调整图像大小
您可以在 Dreamweaver 中以可视方式调整元素的大小,这些元素包括图像、插件、Shockwave 或 SWF 文件、applet 和 ActiveX 控件等。
通过可视方式调整图像大小时,您可以看到图像对布局产生的各类影响,但您无法将图像文件缩放到您所指定的比例。如果您在 Dreamweaver 中以可视方式调整了图像大小,而没有使用图像编辑应用程序,用户浏览器将会在页面加载完毕后缩放该图像。这可能会使用户的浏览器出现页面下载延迟和图像显示不正确的问题。
如需缩短下载时间并确保所有图像实例均以相同大小显示,请使用图像编辑应用程序缩放图像。阅读以下步骤,了解如何以可视方式调整元素的大小。
以可视方式调整元素的大小
1、在“文档”窗口中选择该元素(例如,图像或 SWF 文件)。
元素的底部、右侧及右下角出现调整大小控制点。如果未显示调整大小控制柄,请在该元素的外部单击,然后重新选择它。或者,您可以通过在标签选择器中单击相应的标签来选择元素。
2、执行下列操作之一,调整元素的大小:

若要调整元素的宽度,请拖动右侧的选择柄。 若要调整元素的高度,请拖动底部的选择柄。 若要同时调整元素的宽度和高度,请拖动顶角的选择柄。 若要在调整元素尺寸时保持元素的比例(其宽高比),请在按住 Shift 的同时拖动顶角的选择柄。 如需将元素的宽度和高度调整为特定大小(例如 1 x 1 像素),请使用属性检查器。在“宽”和“高”字段中输入数值。以可视方式最小可以将元素大小调整到 8 x 8 像素。

使用属性检查器调整元素的宽度和高度
使用属性检查器调整元素的宽度和高度
3、如需让已调整大小的元素恢复到原始尺寸,请在属性检查器中删除“宽”和“高”字段中的值。您还可以单击图像属性检查器中的“重设大小”按钮。
让图像恢复到原始大小
单击图像属性检查器中的“重设大小”按钮。
让图像恢复到原始大小
让图像恢复到原始大小

对已调整大小的图像进行重新取样
在 Dreamweaver 中调整图像大小时,您还可以对图像进行重新取样,以适应新尺寸。重新取样将添加或减少已调整大小的 JPEG 和 GIF 图像文件中的像素,以与原始图像的外观尽可能地匹配。对图像进行重新取样会减小该图像的文件大小并提高下载性能。
1、按照调整图像大小部分中介绍的方法,调整图像大小。
2、单击图像属性检查器中的“重新取样”按钮。
在 Dreamweaver 中对图像进行重新取样
Dreamweaver 中对图像进行重新取样
注意:
无法对图像占位符或位图图像之外的元素进行重新取样。

 

推荐阅读