请教大家一个关于Web页面上的图片缩略图解决办法
发布于 9 年前 作者 echoloyuk 7223 次浏览 最后一次编辑是 8 年前 来自 问答

近期在做一个Web应用，一个类似于CMS的网站，由于该网站是一个老系统，数据库中只保存了上传的图片原件，并没有自动生成缩略图。一些较大的图片多达3M，在PC的浏览器上还好，但是手机的浏览器访问该网站时，仍然会加载这个3M的图片，这对使用流量访问的手机是巨大的灾难。请教一下各位朋友，有没有什么比较好的解决办法呢？

8 回复

用npm上的图片包, 跑一下gulp的批量生成缩略图的任务即可

@zkaip 嗯呢~我大致也是想这么做，不过有一点不太懂的是，生成的缩略图直接替换源文件吗？不过万一用户真的要看高清原图怎么办？是不是还要建个数据库啥的记录映射关系呀

1

直接丢到cdn上，cdn会自动给你转尺寸，其中就有缩略图的

@echoloyuk 可以按照一定的命名规律生成缩略图, 也可以放到图片CDN(例如又拍云上), CDN自动转换尺寸的

又拍云不错

@i5ting 嗯呢，好的。我去了解一下。另外问问思路，就是如何区分什么时候用缩略图什么时候用原图呢？莫非是判断agent？

@zkaip 恩恩，好滴~我继续学习中

@liuhuapiaoyuan 嗯呢，我在现在在想怎么判断什么时候用缩略图，什么时候用原图呢

回到顶部