1.8 图像（Image）—— 图像处理与图像样式（Image Styles）

Drupal 不仅可以处理文本页面，还可以处理图像。要实现这一点，需要启用 Image（图像）模块。该模块允许你将图片附加到节点（Node），并根据需要以不同大小显示它们。而且在不同的地方，这些图片尺寸可以不一样。例如，在节点的摘要（Teaser）中我们可以显示较小的图片，而在完整页面中则显示大图。

在之前的课程中，我们已经创建了一个名为 Employee（员工） 的内容类型。现在，让我们打开该内容类型的字段管理页面，并添加一个图像字段。

此时，在“创建/编辑员工”表单中将出现一个用于上传图片的字段：

该图片会显示在员工的页面上，但初始情况下它将以原始尺寸显示，并带有字段标签 “Image”。为了定制图片的显示方式，我们需要前往 Manage display（显示管理） 选项卡。

我们可以将图片字段移动到最上方，关闭字段名称的显示，然后点击齿轮图标（设置按钮）来指定图片显示的尺寸。默认情况下，Drupal 提供了三种图像样式（Image Styles）：Large（480x480）、Medium（220x220） 和 Thumbnail（100x100）。在摘要（Teaser）中我们选择 Thumbnail，在完整节点页面中使用 Medium。同时，让摘要中的图片成为指向员工详情页的链接。

现在，在员工列表（摘要）中，图片会作为链接跳转到完整的员工页面。

除了内置的 Large、Medium、Thumbnail 样式之外，我们还可以创建自己的图像样式。前往：

Configuration → Media → Image Styles

/admin/config/media/image-styles

在这里你会看到现有的图像样式，并可以点击“Add image style”按钮创建新的样式。

我们来创建一个 150x150 像素 的新样式，并以尺寸命名以便识别。在样式编辑页面上，可以看到可添加的处理动作：

• Convert — 将图片转换为其他格式。
• Crop — 裁剪图片（不缩放）。
• Desaturate — 将图片变为黑白。
• Resize — 调整尺寸但不保持比例。
• Rotate — 将图片旋转到所需角度。
• Scale — 按比例缩放图片。
• Scale and crop — 按比例缩放后，再根据较大边裁剪。

你可以组合使用多个动作。例如，我们可以先执行“Scale（缩放）”至 150x150，然后再将图片转换为黑白。

缩放设置（Scaling）：

设置完成后大致如下：

现在返回“显示管理（Manage display）”页面，为员工的摘要（Teaser）设置新的 150x150 图像样式。

现在，员工摘要的显示效果如下：

现在你已经学会了如何在 Drupal 中上传图片，并按照需要的方式进行显示。在接下来的课程中，我们将讲解如何用类似的方法创建一个图片画廊（Photo Gallery）。