请教大家一个关于Web页面上的图片缩略图解决办法 - CNode技术社区

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

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

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

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

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

又拍云不错

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

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

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