关于生成缩略图
网站上挂几十张原图会让列表页加载到十几秒,视频封面和相册预览其实只需要几百像素宽。这个工具按指定最大边长或固定宽高批量生成缩略图,默认锁定宽高比避免变形,支持一次处理多张并保留原始文件名以便对号入座。缩略图的体积通常只有原图的 2% 到 10%:一张 4 MB 的 4000 像素照片缩到 300 像素宽、以 JPG 质量 0.75 导出,常见结果是 30 到 80 KB。全部在浏览器本地运算,图片不上传,适合处理客户名单截图和内部相册。
生成缩略图怎么用
- 批量拖入图片,页面按文件名列出每一张的原始像素尺寸和文件体积。
- 设置缩略图的最大边长,网页列表项常用 200 到 300 像素,详情页预览用 600 到 800 像素。
- 选择缩放策略:按最长边等比缩放适合横竖混合的素材,固定宽高能统一尺寸但可能拉伸。
- 设置输出格式和 JPG 质量,缩略图取 0.7 到 0.8 即可,体积和清晰度平衡得最好。
- 逐张核对生成结果和体积,确认后一次性下载,或按保留的原始文件名逐个保存归档。
使用提示
- 缩略图不要选含大段文字的图,缩到 200 像素后正文会糊成灰块;必须保留文字时用 400 像素以上,或改成截取局部。
- 一次处理几百张会占用大量内存,建议按 30 到 50 张一批,标签页内存超限被系统回收时会直接丢掉已处理的结果。
- 缩略图要和原图分开目录存放,不要覆盖原文件,后续需要大图时原图是唯一来源,从缩略图放大一定模糊。
生成缩略图常见问题
缩略图做多大尺寸合适
看展示位置的实际像素宽度,一般取显示宽度的 1.5 到 2 倍以适配高分屏。网页列表项通常 200 到 300 像素,卡片预览 400 到 600 像素,详情页大图 800 到 1200 像素。超过展示尺寸两倍只会白费带宽,用户也看不出差别。
批量生成缩略图会不会很慢
1080P 图片每张大约 0.1 到 0.5 秒,纯 JS 单线程逐张跑,100 张大致需要半分钟到一分钟。几百张会明显变慢并占用较高内存,建议分批处理,每批 30 到 50 张,处理完先下载再继续,避免页面崩溃后重做。
以后能直接拿缩略图放大当原图用吗
不建议。缩略图像素少,放大回原尺寸会明显模糊,细节无法恢复。正确做法是原图存档保管,缩略图只用于页面展示;需要其他尺寸时回到原图重新生成,这样每次都能得到最清晰的结果,也不会越传越糊。
缩略图和图片压缩有什么区别
压缩保持原像素尺寸不变,只改变编码后的文件体积;缩略图直接减少像素数量,两者可以叠加使用。需要更小体积时,先把图缩到目标尺寸再以 JPG 质量 0.75 导出,效果比只压缩不缩放明显得多,体积通常还能再小一半以上。