织梦的缩略图尺寸并不是一个单一的“默认值”,而是由多个配置项共同决定的,理解这些配置项的优先级和作用,是控制缩略图尺寸的关键。
织梦缩略图的最终尺寸遵循以下优先级顺序:
- 文章/栏目/图集发布时的自定义尺寸(最高优先级)
- 模板标签中的自定义尺寸(次高优先级)
- 后台全局默认尺寸(基础默认值)
后台全局默认尺寸
这是最基础的设置,当其他地方没有指定尺寸时,系统会使用这里的值。
设置路径: 登录织梦后台 -> 系统 -> 系统基本参数 -> 核心设置 -> (图示位置)
你会在这里找到两个关键设置:
-
栏目图片默认宽度和高度
- 作用:主要用于栏目列表页调用栏目图片时使用的默认尺寸,在栏目列表模板
list_image.htm中使用[field:picname/],如果未指定尺寸,就会使用这里的设置。 - 默认值:通常是
250和150像素。
- 作用:主要用于栏目列表页调用栏目图片时使用的默认尺寸,在栏目列表模板
-
文章列表默认图片宽度和高度
- 作用:主要用于文章列表页调用文章缩略图时使用的默认尺寸,在文章列表模板
list_image.htm中使用[field:litpic/],如果未指定尺寸,就会使用这里的设置。 - 默认值:通常是
250和150像素。
- 作用:主要用于文章列表页调用文章缩略图时使用的默认尺寸,在文章列表模板
重要提示:这两个设置对内容页(article_article.htm)的缩略图尺寸没有直接影响。
模板标签中的自定义尺寸
在模板文件中调用缩略图时,可以直接在标签里指定宽度和高度,这种方式会覆盖后台的全局默认设置。
常用标签:
-
文章缩略图标签
[field:litpic/]- 基础用法:
<img src="[field:litpic/]" alt="[field:title/]">(使用后台默认尺寸) - 指定尺寸用法:
<img src="[field:litpic/ width='200' height='150'/]" alt="[field:title/]">
- 基础用法:
-
栏目图片标签
[field:picname/]- 指定尺寸用法:
<img src="[field:picname/ width='300' height='200'/]" alt="[field:name/]">
- 指定尺寸用法:
特点:
- 优先级高:只要在标签里写了
width和height,就会优先使用这个尺寸。 - 灵活性高:可以在不同的模板页面(如首页、列表页、内容页)使用不同的尺寸。
- 不裁剪:直接在标签中设置尺寸,只是对图片进行等比例缩放,不会裁剪图片,如果图片比例与指定尺寸不符,会导致图片变形。
时的自定义尺寸
这是最灵活、最优先的方式,在发布文章、图集或设置栏目时,可以指定该内容专属的缩略图尺寸。
a) 发布文章/图集时
在后台发布文章或图集时,在缩略图上传区域,点击“裁剪”按钮。
- 上传图片后,点击“裁剪”。
- 在弹出的裁剪窗口中,你可以看到一个预设尺寸的下拉菜单。
- 这个下拉菜单里的选项,来源于后台的全局设置。
![]()
- 选择预设尺寸:选择一个尺寸,图片会被自动裁剪成这个比例,然后你可以拖动调整裁剪区域。
- 自由裁剪:如果不选择预设,可以自由拖动选择区域,但最终生成的缩略图尺寸仍然是系统默认的(通常是120x90)。
工作原理:
当你通过这种方式裁剪后,织梦会在 uploads/allimg/ 目录下生成一个按你裁剪尺寸命名的新图片文件(c_200x150_xxx.jpg),在调用时,系统会优先使用这个按特定尺寸裁剪好的图片。
b) 设置栏目时
在后台“栏目管理”中编辑一个栏目,在“栏目图片”选项卡中上传图片时,也可以进行裁剪,其原理与文章发布时相同。
总结与最佳实践
| 设置方式 | 优先级 | 作用范围 | 特点 |
|---|---|---|---|
| 时裁剪 | 最高 | 单篇文章/单个栏目 | 最灵活,能生成精确尺寸的图片,避免变形。 |
| 模板标签指定 | 次高 | 特定的模板页面 | 灵活,方便在不同页面使用不同尺寸,但不裁剪,可能导致变形。 |
| 后台全局默认 | 最低 | 系统默认行为 | 作为后备方案,统一管理基础尺寸。 |
推荐的最佳实践:
-
统一后台默认尺寸:在
系统基本参数中设置一个网站常用的基础尺寸(300x200),作为所有未指定情况下的后备值。 -
在模板中灵活指定:在需要不同尺寸的页面(如首页推荐、列表页、相关文章等),使用
[field:litpic/ width='XXX' height='YYY'/]的方式,为了防止图片变形,建议只设置width或height中的一个,让另一个自动按比例缩放,只设置宽度width='200'。 -
手动裁剪:对于首页焦点图、栏目头图等对尺寸和构图要求非常高的位置,务必在发布内容时使用“裁剪”功能,生成一张完美符合设计稿的缩略图。
通过结合使用这三种方式,你就可以完全掌控织梦网站中所有缩略图的尺寸和显示效果。
