Revel 框架需自行集成服务端缩略图生成，因前端 CSS 缩放不减少下载量，且默认不支持带参图片路由；推荐用 golang.org/x/image/draw 实现安全、可缓存、路径可控的自定义 Handler。
Revel 框架本身不内置图片缩略图生成能力，必须自行集成图像处理逻辑或调用外部工具。直接在模板里用 <img src="..." alt="如何为Revel框架Web应用添加图片缩略图" > 显示原图，既浪费带宽，又无法响应式适配——这是最常被忽略的性能断点。
为什么不能靠前端 CSS width/height 缩放
CSS 缩放只是“拉伸显示”，浏览器仍需下载完整尺寸图片。一张 4MB 的 JPG 原图，即使显示为 200×150 的缩略图，也会完整加载并解码，内存占用高、首屏慢、移动端流量浪费严重。
- Revel 的 HTTP 响应是服务端渲染的，缩略图必须在服务端生成并提供独立 URL
- 浏览器缓存依赖路径唯一性，
/images/photo.jpg?w=200和/images/photo.jpg是两个不同资源，但 Revel 默认不处理带 query 的图片路由 - 若用 JS 动态生成 canvas 缩略图，仅适用于用户上传后的预览场景，不适用于静态内容页的 SEO 友好缩略图
推荐方案：用 golang.org/x/image/draw + 自定义 Handler
避免引入重量级 C 依赖（如 libvips），纯 Go 实现足够应付中低频缩略图需求。关键不是“怎么画”，而是“怎么接入 Revel 路由”。
- 在
app/init.go中注册新路由：REVEL.Router.Add("GET", "/thumb/:path", thumbHandler) - 编写
thumbHandler：从params.Get("path")提取原始文件名（如cat.jpg），拼出真实磁盘路径（如public/images/cat.jpg） - 读取原图 → 解码为
image.Image→ 用draw.Thumbnail或双线性重采样缩放 → 编码为 JPEG/PNG → 写入 HTTP 响应体 - 务必设置
Content-Type（image/jpeg或image/png）和缓存头：w.Header().Set("Cache-Control", "public, max-age=2592000")
路径安全与并发瓶颈要提前防
用户传 /thumb/../../etc/passwd 这类路径会触发目录遍历漏洞；高频访问同一张图反复生成缩略图则拖垮 CPU。
- 对
params.Get("path")做白名单校验：strings.HasSuffix(path, ".jpg") || strings.HasSuffix(path, ".png")，且禁止..和绝对路径符 - 缩略图文件落地存储（如
public/thumbs/cat_300x200.jpg），首次请求生成，后续直接http.ServeFile，避免重复计算 - 不要在 Handler 里用
time.Sleep或阻塞 IO；Go 的 goroutine 天然支持并发，但磁盘写入需加sync.Mutex控制同一原图的首次生成竞争 - 注意
image.Decode可能 panic，必须 recover；大图（>10MB）建议先用io.LimitReader截断
真正难的不是写几行缩放代码，而是让缩略图 URL 可预测、可缓存、不可篡改，并和 Revel 的静态文件服务无缝共存——多数人卡在路径解析和缓存策略上，而不是图像算法本身。
