操作：ImageCache

经过前面几节，我们现在能够上传并分类图片，但是图片还是以全像素显示——这不是Robinson一家希望的！我们需要缩略版的图片而让原始图片置身幕后。首先，我们要设立ImageCache来给我们提供缩略图，然后配置图片类型来使用这些缩略图：

      1、进入Administer→Site configuration→Clean URLs (admin/settings/clean-urls)，确保Clean URLs启用了。

      2、进入Administer→Site building→Modules (admin/build/modules)，启用下列模块：

• ImageCache

          ——ImageAPI

          ——ImageAPI GD2

          ——ImageCache

          ——ImageCache UI

       创建ImageCache预置

       先设立几个图片预置来缩放图片：第一个是“thumbnail”，120像素宽的正方形；第二个是“preview”，限定图片宽度以适于放置于相片节点页内（限定图片宽度最大为480像素以防止撑破网站布局）：

      1、进入ImageCache设置页面Administer→Site building→ImageCache
(admin/build/imagecache)，点“Add new preset”。

      2、在“Preset namespace”内输入“thumbnail”为预置名，然后点“Create New Preset”按钮。然后你将会进入到预置配置界面，如图7-20。

       图7-20.ImageCache预置配置界面

      3、在下一页中，配置thumbnail预置。在新的Actions字段中，点“Add Scale And Crop”。输入表7-8中的值，如图7-21设置“scale and crop”行为，来创建120像素宽的正方形图片缩略。完成后，点“Add Action”。

      表7-8.“thumbnail”scale and crop行为的设置

      图7-21ImageCache行为设置

      4、这样就完成了thumbnail预置的配置。回到ImageCache主页Administer→Site  building→ImageCache  (admin/build/imagecache) ，点“Add new preset”。在Preset Namespace文本框中输入“preview”，然后点“Create New Preset”按钮。

      5、在新预置preview中，点New Actions字段集中的“Add Scale”，如表7-9值，限定preview图片最大宽度为480像素。输完值后，点“Add Action”。

      表7-9.“preview”scale行为设置

      至此，我们的两个预置都设置完成了。我们设立了两个预置，一个是“thumbnail”用来列表显示大量的图片，另外一个是“preview”用来在照片节点页面显示图片。

      配置照片显示

      尽管我们在ImageCache中设立了两个预置，但我们的照片现在还是全图显示。我们需要配置Photo内容类型来使用新的显示项：

      1、进入Photo内容类型的显示设置页面Administer→Content
management→Content types (admin/content/types)，点Photo内容类型后面的“edit”，进入该内容类型页面后，点“Display fields”标签(admin/content/node-type/photo/display)。

      2、将Photo字段中的设置修改成表7-10的值。

      表7-10.Photo 字段的显示设置

      至此我们设立Photo内容类型，并把它的显示选项设置使用了ImageCache预置，是该休息一下了，传两张照片看看。往图库中上传几张照片后，你将看到首页类似于图7-22。

      图7-22.给图片创建thumbnail预置后，照片交换网站的首页效果

      提升图片品质

      如果你现在去看ImageCache所产生的示例缩略图，你会发现图片的质量有点低，压缩过度了。在处理JPEG图片时，ImageCache使用ImageAPI模块的设置来负责图片的质量，默认是75%。提高这个水平可以生成更高质量的图片。

      步骤有：

      1、进入ImageAPI配置页面Administer→Site configura-
tion→ImageAPI (admin/settings/imageapi)，点击“Configure”标签。

      2、将JPEG的品质设为90%或更高，然后点“Save configuration”

      3、看这个对既有缩略图所产生的效果，进入ImageCache管理页中Administer→Site building→ImageCache (admin/build/imagecache)。

      4、针对每一个预置，点“Flush”链接清除掉旧的低质量的图片。新的图片会在下次显示的时候生成。

除了由imageCache创建的图片外，Drupal也在其他几个地方产生缩略图，比如用户头像。这些缩略图使用不同的JPEG品质设置，可以在Ad-
minister→Site Configuration→Image toolkit (admin/site configu-
ration/image-toolkit).中配置。