缩略图使用说明

ImgRoute 支持通过 URL 参数获取不同尺寸的缩略图,无需手动裁剪。缩略图由 CDN 节点动态生成并缓存,首次访问可能稍慢,后续访问速度与原图一致。

使用方法

基本语法

在图片 CDN 链接后添加 ?size= 参数即可获取不同尺寸的缩略图:

【cdn链接】?size={尺寸}

可用尺寸

?size=tiny
~64px
缩略图

适用于列表小图标、用户头像、小预览图

【cdn链接】?size=tiny
?size=small
~360px
小图

适用于缩略图预览、卡片展示、列表缩略图

【cdn链接】?size=small
?size=medium
~720px
中图

适用于文章配图、中等展示、内容插图

【cdn链接】?size=medium
不加参数
原始尺寸
原图

适用于需要高清大图的场景

【cdn链接】

在不同场景中使用

Markdown
![小图预览](【cdn链接】?size=small)
HTML
<img src="【cdn链接】?size=medium" alt="中图">
BBCode(论坛)
[img]【cdn链接】?size=small[/img]

注意事项

⚠️
SVG 和 ICO 格式

SVG 和 ICO 格式不支持缩略图,访问时会返回原图。

⏱️
首次访问

缩略图由 CDN 节点动态生成,首次访问可能稍慢(通常在 100-300ms 内)。

CDN 缓存

缩略图会被 CDN 缓存,后续访问速度与原图一致。

💡
参数格式

使用 ?size= 参数(不是 ?s=),确保参数正确。

常见问题

Q 缩略图会占用额外图片配额吗?

不会。缩略图由 CDN 动态生成并缓存,不占用您的存储配额。

Q 可以自定义缩略图尺寸吗?

目前只支持预设的四种尺寸(tiny、small、medium、原图),不支持自定义尺寸。

Q 缩略图会损失画质吗?

缩略图会进行适当的压缩以减小文件大小,但会保持良好的视觉质量。