dede缩略图尺寸如何自定义设置？-DEDE建站-盈思创科技

DedeCMS 的缩略图尺寸主要由以下几个部分决定：

后台全局设置

这是最基础、最核心的设置，决定了你在后台发布文章时，上传图片后系统自动生成的默认缩略图尺寸。

操作路径：登录后台 -> 系统 -> 系统基本参数 -> 附件设置

你会找到几个关键的缩略图设置项：

缩略图默认宽度 和 缩略图默认高度
- 作用：这是系统生成缩略图的默认尺寸，当你上传一张大图，并选择“使用远程图片本地化”或“生成缩略图”时，系统会按照这个尺寸来创建缩略图。
- 注意：这里设置的只是目标尺寸，具体的裁剪或缩放方式由下面的选项决定。
缩略图裁剪方式
- 作用：这个选项控制了图片如何适应设定的宽高，是处理缩略图的关键。
- 选项：
  - 裁剪：（推荐） 系统会从原图的中心点裁剪出一个指定宽高的区域，这种方式能保证所有缩略图的尺寸完全一致，但可能会损失原图部分内容，适合做列表图等需要尺寸统一的地方。
  - 缩放：系统会按比例缩小或放大图片，使其最长边等于设定的宽度或高度，另一边按比例等比缩放，这种方式能完整显示图片，但最终生成的图片尺寸不一定是 exactly 你设置的宽高（你设置 200x200，但可能得到 200x150）。
  - 自动裁剪：这是一个智能选项，系统会先进行缩放，然后从中心裁剪出你需要的尺寸，效果介于两者之间，既能保证尺寸统一，又能尽量多地保留原图内容。

建议：

除了全局设置,你还可以为每一个内容模型的“缩略图”字段单独设置规则。

操作路径：后台 -> 核心 -> 内容模型管理 -> 选择一个模型（如“文章”）-> 字段管理 -> 点击 litpic（缩略图）字段

你可以为缩略图字段定义更具体的规则：

优先级：内容模型字段设置 > 全局系统设置。

在前台模板文件（如 article_image.htm）中，使用 {dede:img} 标签来调用缩略图时，可以通过参数来控制最终显示的尺寸。

基本语法：

{dede:img text='' width='' height=''}

示例：

假设你在后台设置的全局缩略图尺寸是 200x200，并且裁剪方式是“裁剪”。

直接调用，不指定尺寸：
```
<img src="{dede:field name='litpic'/}" alt="{dede:field name='title'/}" />
```
这种情况下,图片会显示后台设置的原始尺寸，即 200x200 像素。
指定显示尺寸：
```
<img src="{dede:field name='litpic'/}" alt="{dede:field name='title'/}" width="300" height="300" />
```
这种情况下,图片会被拉伸成 300x300 像素，可能会导致图片变形。不推荐这样做。
只指定宽度，高度自动（推荐做法）：
```
<img src="{dede:field name='litpic'/}" alt="{dede:field name='title'/}" width="300" />
```
这是最佳实践,浏览器会根据图片的原始宽高比自动计算高度，图片不会被拉伸，同时能适应不同的布局宽度。
使用 ddimg 标签（DedeCMS 5.7+）： ddimg 标签是 img 标签的增强版，它可以在图片路径后自动拼接尺寸参数，让系统重新生成指定尺寸的缩略图。
```
{dede:ddimg imgwidth='300' imgheight='300'}
<img src="[field:litpic/]" alt="[field:title/]">
{/dede:ddimg}
```
注意：使用 ddimg 要求你的服务器开启了 图片目录文件读写 权限，并且缩略图规则是“裁剪”或“自动裁剪”，如果权限不足或规则是“缩放”，则可能无效，它会生成一个新的尺寸文件（如 litpic_300x300.jpg），对前端性能更友好。

原因：
1. 后台设置的缩略图规则是“缩放”，导致生成的图片尺寸不统一。
2. 在前台模板中,同时指定了 width 和 height，并且比例与原图不符。
解决方法：
1. 检查后台 系统基本参数 -> 附件设置 中的 缩略图裁剪方式，建议改为裁剪或 自动裁剪。
2. 修改前台模板,只设置 width，去掉 height，让浏览器自动计算高度。

原因：
1. 发布文章时,没有勾选“使用远程图片本地化”或“生成缩略图”选项。
2. 缩略图文件（通常在 /uploads/allimg/ 目录下）被删除了。
3. 服务器 GD 库未正确安装或版本过低，无法处理图片。
解决方法：
1. 重新编辑文章,确保勾选了生成缩略图的选项，并重新保存。
2. 检查 /uploads/allimg/ 目录下是否存在对应的缩略图文件。
3. 联系空间服务商,确认并启用 GD 库。

后台配置：
- 在 系统基本参数 -> 附件设置 中，根据你的网站设计，设置一个合理的默认缩略图尺寸（如 300x200）。
- 将 缩略图裁剪方式 设置为 自动裁剪 或裁剪，以保证尺寸统一。
前台调用：
- 在模板文件中,使用 {dede:field name='litpic'/} 获取缩略图地址。
- 在 <img> 标签中，只设置 width 属性，width="100%"（响应式）或 width="300"（固定宽度），让高度自动适应。
- 如果需要更灵活的尺寸控制,并且服务器环境允许，可以尝试使用 {dede:ddimg}


遵循以上步骤,你就可以完全掌控 DedeCMS 网站中缩略图的尺寸和显示效果了。