当前位置:网站首页 >  资讯

DedeCMS缩略图标签教程:3步搞定不模糊不缺失不报错问题

时间:2026年05月30日 18:56:07 来源:易频IT社区

上周有个开建材店的粉丝找我,说他自己用DedeCMS搭的官网,产品缩略图要么糊得看不清瓷砖纹理,要么没传图的地方全是红叉,找外包改要收他200块,觉得太坑。

其实这些问题都是缩略图标签没用对,我当时花了10分钟帮他改了两行代码就搞定了。

很多用DedeCMS做站的新手,都踩过缩略图的坑:要么拉伸变形,要么模糊不清,要么搜出来的教程都是七八年前的老内容,全是黑话看不懂。今天这篇全是大白话,你跟着操作,10分钟就能搞定所有缩略图问题,一分钱不用花。

1、基础缩略图标签的正确用法

1.1 默认标签怎么写

你要调用单篇文章的缩略图,直接用这个标签就行:

``` {dede:field.litpic /} ```

这个调用的是你后台上传的原图,适合提前裁剪好尺寸的场景。

比如你做文章详情页的首图,就可以直接用这个标签。

1.2 直接加参数裁剪尺寸

要是你不想每次后台手动裁剪,直接在标签里加宽高参数就行:

``` {dede:field.litpic width='300' height='200' /} ```

出来的图就是300200的尺寸,不用你额外改图。

避坑提醒:宽高参数后面不要加px,加了会直接失效,很多新手都踩过这个坑。

2、列表页调用缩略图的2个实用写法

2.1 自动补默认图,再也没有红叉

很多人没给文章传缩略图的时候,前台会显示红叉,特别丑。

用这个写法就能自动补默认占位图:

``` {dede:list pagesize='10'}
  • [field:title/]

    [field:title/]

  • {/dede:list} ```

    默认图你可以自己提前上传,路径在后台系统设置里改。

    比如你可以做个带自家logo的灰色占位图,比红叉好看太多。

    2.2 等比例裁剪,图片不会拉伸变形

    要是你上传的图尺寸不统一,直接设宽高会把图拉变形。

    用这个自带的裁剪函数,就能自动等比例裁剪:

    ``` [field:litpic function='GetSysThumb(@me,300,200)'/] ```

    比如你上传的是1000800的产品图,会自动裁成300200的尺寸,不会把方图拉成长条。

    避坑提醒:用之前先确认开了GD库,路径是系统设置>核心设置>GD库支持,选“是”就行,没开的话裁剪会失效。

    3、3个常见问题的快速解决方法

    3.1 缩略图模糊怎么调清晰

    很多人调出来的缩略图糊成马赛克,其实是默认压缩率太低。

    你找根目录下的include/image.func.php文件,搜这行代码:

    ``` $quality = 80; ```

    把80改成90或者95就行,不要改到100,不然图片太大加载慢。

    改完之后重新生成全站,之前的模糊图就会变清晰。

    3.2 调用出来是绝对路径怎么改

    要是你后面要换域名或者做站群,绝对路径会导致图片全部失效。

    有两个解决方法:

    • 第一个是去系统设置>核心设置,把“是否启用绝对网址”选“否”
    • 第二个是直接在标签上加个替换函数,把域名删掉:
    ``` [field:litpic function='str_replace("你的域名","",@me)'/] ```

    出来的就是相对路径,换域名也不会崩。

    3.3 自定义模型调不出缩略图怎么办

    很多人自己建了产品、案例这类自定义模型,调缩略图是空白的。

    你去后台内容模型管理,找到你建的那个模型,点字段管理。

    看看有没有litpic这个字段,没有的话新增一个,字段名填litpic,类型选“图片(仅网址)”,保存之后就能正常调用了。

    刚才说的这些方法,你不用全部记下来,收藏起来跟着操作就行。

    现在就打开你的网站后台,先把列表页的标签换成带裁剪和默认图的,再把图片质量调到90,10分钟就能搞定之前烦了好久的缩略图问题。

    改之前记得先备份对应的模板文件,改坏了还原回去就行,不用怕折腾,多试两次就熟了。

    相关推荐

    最新

    热门

    推荐

    精选

    标签

    易频IT社区是综合性互联网IT技术门户网站,专注分享网络技术、服务器运维、网络安全、编程开发、系统架构、云计算、大数据等行业干货,实时更新IT行业资讯、零基础教程、实战案例,为IT从业者、技术爱好者提供专业的学习交流平台。

    Copyright © 2021-2026 易频IT社区. All Rights Reserved. 备案号:闽ICP备2023013482号 网站地图