类似图片云存储那样通过图片宽高参数访问图片而不用加载原图的实现思路有人知道吗

现在很多网站都使用OSS存储图片,通过图片链接里的宽高参数来设置请求的图片大小,这样前端请求的图片就不是原图大小,我目前使用的是云服务器,没有使用OSS,前端的图片都是用css控制的显示大小,但实际请求的还是原图大小......如果一页图片多了,每张都是原图,加载速度就很慢了

《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 3

不要为难你们前端了,一般来说前端要处理,在上传的时候就需要压缩算法去处理,而且图片处理一般发生在后端。
而且如果你们就存在服务器上,不用oss也不用cdn的话,服务器压力会很大。

但按你目前来说,解决的策略是生成一个略缩图代替原图,至于原图如何处理,就看业务需求是否要保存。

4年前 评论

@L学习不停 目前小公司,就我一个人,老板让我按照某嗅网改一下公司的资讯网站,但是我发现我们之前网站的封面缩略图尺寸很小,并且也没有存原图,如果改成大图封面就糊了,所以我想让后面上传到一个比如宽度不超过1024尺寸的原图,然后在网站不同位置可能会使用不同尺寸大小的缩略图,类似这样使用不同宽高参数访问就获得不同大小的图片

file

这样使用小的尺寸缩略图的时候不至于还是去访问原图,那样加载更慢,而且后面改成大一点尺寸的封面缩略图又不至于糊掉,我用w/1600/h/900访问试了一下,原图宽度是1024px,主要还是小尺寸的缩略图不用访问原图大小,加载速度快,同时原图也存在,方便后面修改封面缩略图尺寸

4年前 评论
L学习不停 4年前
ljheisenberg (作者) (楼主) 4年前
L学习不停 4年前

nginx使用http_image_filter_module模块试一下呢

4年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!