欢迎来到第12章:图像的放置与编辑!

无论是网站、演示文稿还是文档,图像几乎是所有信息与通信技术(ICT)解决方案中必不可少的元素。如果你不知道如何正确地放置和编辑图像,你的作品看起来会非常凌乱且不够专业。

在本章中,我们将掌握无缝整合图片的实用技能,确保它们不仅外观完美,而且不会占用过多的文件空间!

快速回顾:为什么图像编辑技能很重要

精确度效率是关键。在实践考试(Paper 2 和 Paper 3)中,你必须证明自己能够按照指定要求精确修改图像,通常需要精确到像素级,并确保最终文件经过优化(即文件大小较小)。

1. 图像的放置与调整大小

处理图像时,第一步是将其放置在正确的位置,并确保其尺寸合适。

1.1 精确放置图像

精确放置图像意味着将其放置在所需的确切位置,通常是相对于边距、段落或其他对象的位置。

  • 在网页制作(HTML/CSS)中,精确度通过尺寸属性(如 height 和 width)以及布局属性(如 float 或 padding)来实现。
  • 在文档制作(文字处理)中,精确度涉及设置图像的环绕方式(例如:四周型、紧密型、上下型)和锚点。
1.2 调整大小与长宽比

调整图像大小时,你实际上是在改变它的维度(宽度和高度)。学生最常犯的错误就是导致图像失真!

长宽比(Aspect Ratio)是图像宽度与高度之间的比例关系。例如,4:3 的图像意味着每 3 个单位的高度对应 4 个单位的宽度。

调整大小的黄金法则:
除非有明确要求,否则务必保持长宽比

类比:想象一张你的头像照片。如果你只增加了宽度(而不保持比例),你的脸看起来会被拉伸,显得很不自然。为了保持比例,你必须按比例同时调整宽度和高度。

在大多数软件中,你可以通过按住 Shift 键同时拖动角落的控点,或者在图像格式菜单中勾选“锁定长宽比”选项来维持比例。

放置与调整大小的要点总结:

始终追求精确的位置和尺寸,并保护图像的长宽比以防止失真。

快速回顾框
  • 精确度:将图像放在准确需要的位置。
  • 长宽比:宽度与高度的比例关系。
  • 调整大小:除非另有说明,否则务必锁定长宽比。

2. 基本几何编辑

这些工具可以帮助你调整图像的形状或方向,而不会从根本上改变其尺寸。

2.1 裁剪图像

裁剪(Cropping)是指移除图像中不需要的边缘部分的过程。

使用示例:如果你拍了一张朋友的照片但背景很杂乱,你可以裁剪图像,只突出你的朋友。这减少了视觉干扰,有时还能改善构图。

2.2 旋转图像

旋转(Rotating)是指围绕中心点转动图像。常见的旋转包括顺时针旋转 90 度、逆时针旋转 90 度,或旋转 180 度(倒置)。

2.3 镜像(翻转)图像

镜像(Reflecting)翻转(Flipping)可以创建原始图像的镜像副本。你可以通过两种方式镜像图像:

  • 水平翻转:沿垂直线翻转图像(就像照镜子一样)。左侧变为右侧。
  • 垂直翻转:沿水平线翻转图像(就像观看水中的倒影一样)。顶部变为底部。

常见错误:学生经常混淆旋转和翻转。如果图像需要改变朝向(例如,原本向左走的人现在需要向右走),你应该进行水平翻转,而不是旋转。

几何编辑的要点总结:

裁剪用于去除多余内容;旋转改变方向;镜像创建镜像副本。

3. 外观与色彩调整

你可以使用基本的色彩和光线控件来修改图像的视觉质量。

3.1 调整亮度

亮度(Brightness)是指图像的整体明暗程度。增加亮度会使整张图片变亮;降低亮度则使图片变暗。

何时使用:如果照片是在光线不足的情况下拍摄的,看起来太暗时使用。

3.2 调整对比度

对比度(Contrast)是指图像最亮部分与最暗部分之间在颜色和光线强度上的差异。

  • 高对比度:明暗差异大(颜色看起来鲜艳、锐利)。
  • 低对比度:明暗差异小(图像看起来暗淡或灰蒙蒙)。

何时使用:如果你的图像看起来很暗淡,增加对比度会让黑色更深,白色更亮,使颜色更有冲击力。

4. 图层与分组操作

在对象重叠的复杂文档或演示文稿中,你需要管理它们之间的交互方式。

4.1 图层(置于顶层或底层)

想象一下你正在叠放物理照片。它们的叠放顺序就是图层顺序(或称 Z 轴顺序)。

当你有重叠的图像或形状时:

  • 置于顶层:将所选对象移动到最上层,覆盖所有其他对象。
  • 置于底层:将所选对象移动到最底层,被其他所有对象覆盖。
4.2 分组与取消分组

分组(Grouping)允许你选择多个独立对象(如一张图片、一个文本框和一个箭头),并将它们视为一个整体。

示例:如果你使用文字和两张图片创建了一个徽标,你应该将它们组合在一起。现在,当你移动或调整整个组合的大小时,这三个项目会同时移动和缩放,从而保持它们的相对位置。

取消分组(Ungrouping)是上述过程的逆操作,允许你再次编辑各个独立的组件。

图层操作的要点总结:

图层控制重叠时的可见性。分组使多个对象在移动和缩放时表现得像一个对象。

5. 减小图像文件大小(优化)

本节涵盖理论知识,通常在 Paper 1 中考查,关于如何为了存储或传输(例如在网站上快速加载)而使图像变小。

要减小图像的文件大小,你必须减少它所存储的数据量。实现这一目的的两种主要方法是改变分辨率(Resolution)色深(Colour Depth)

重要提示:通过这些方式减小文件大小通常会导致图像质量的下降。

5.1 降低图像分辨率

分辨率(Resolution)是指用于显示图像的像素(微小的彩色点)数量,以 DPI(每英寸点数)或 PPI(每英寸像素数)为单位。

  • 高分辨率:像素多(例如 300 DPI)。适合打印,但文件体积非常大。
  • 低分辨率:像素少(例如 72 DPI)。适合网站/屏幕显示,文件体积小,但放大后会显得有锯齿或模糊。

如何减小文件大小:如果你将像素数量减半,文件大小会变得非常小,因为计算机需要为图像存储的数据减少了。

你知道吗?大多数电脑显示器只能以大约 72 DPI 显示图像,因此将网站图片保存为 300 DPI 纯属浪费文件空间!

5.2 降低色深

色深(Colour Depth)是指用于存储单个像素颜色信息的位数(0 和 1)。位数越多,可表示的颜色就越多。

  • 24 位真彩色:可存储超过 1600 万种颜色(逼真的照片)。
  • 8 位色:可存储 256 种颜色(适合简单的图形)。
  • 1 位色:仅存储 2 种颜色(黑白)。

如何减小文件大小:如果你降低色深(例如将 24 位图像转换为 8 位图像),你会大幅减少*每个*像素所需的位数,从而使整体文件大小变小。如果图像很复杂,这可能会导致明显的色带现象或色彩断层。

优化操作的要点总结:

要减小文件大小,你必须减少像素数量(分辨率)或可用颜色的数量(色深)。两者都是以牺牲质量来换取更小的文件体积。