网站上高清图片加载很快但大小很小,这个是图片本身很小还是代码进行转换之后变小

Question

比如电商网站上的Banner图，很高清，但文件大小很小一般都是100多Kb,这个是怎么做到的。是以下那种方案实现的：
A.图片上传时是高清图，而且很大有好几M，但用户浏览网站时经过技术代码处理，所以变小了，但还是高清图。
B.图片上传时是高清图，但本身就很小，是100多kb.

请问如果是A代码处理，那么这个叫什么技术，如何实现的？

Answer 1

没有什么“技术代码处理”能比原本的各种图片格式更好，所以肯定是B。重点在于选择合适的图片格式和压缩参数。

Answer 2

我觉得应该是A 因为网站的管理人员参差不齐,不一定会上传压缩后的图片.
这就是图片压缩的功能,各种语言都有对应的类库.如果上了各种云储存的话,应该都有相应的功能,例如又拍云
https://docs.upyun.com/cdn/co...

技术方面,图片转换成jpg格式,如果浏览器兼容的话用webp格式,质量调成8~10.就行了.

Answer 3

很多会转成webp格式，但是这个兼容不太好，需要做兼容，至于A技术要怎么实现，js的话我只知道可以用canvas，canvas可以将画布内容导出，如果图片不多，而且固定的话，可以有很多在线软件可以直接压缩图片的，直接压缩了再上传吧