思维发散：

图片缩略生成
图片裁剪
图片压缩
图片上传
图片懒加载
新的图片格式
canvas
svg

压缩和裁切

• 压缩分为有损、无损压缩；裁切（尺寸变化）必定就是有损。
• 技术上，前端/后端都能做压缩 和 裁切。
• 访问时，核心诉求图片太大，加载慢、流量消耗大，OSS提供压缩 和 裁切，接入时候使用OSS的能力。
• 上传时，图片太大上传慢，同样可以进行压缩 或 裁切，最终存储有限容量图片到服务器。

OSS图片访问

获取oss图片访问地址的几种思路
1. 后端业务接口的响应中，提供图片的oss访问地址，前端直接<img src />：通常是这么做的。
2. 调用后端接口，参数 fid/压缩/宽高等参数，得到 url 再设置到 img 中：前端增加工作量、但访问的灵活性大。
3. 同2的调用直接设置为 <img src/>，但是接口直接返回图片内容，相对2前端简单些，但是服务器耗费流量。

上述访方案会导致：用户体验、服务器带宽、OSS的存储空间，上有不同的侧重。

疑问记录

上传过程中的boundary是怎么回事
自己如何一个图片上传组件 包含基本的兼容性支持
压缩能在哪里做 什么方式是最优的
缩略图能在哪里做 各自有什么优缺点
懒加载除了出现再视口后再加载还有什么别的定义吗
图片懒加载可以用到什么技术
在Google中遇到的最新的图片格式什么类型 为什么流行这种类型
为什么语雀的开发要使用svg、canvas
网络问题导致图片加载的问题，通常有什么处理办法？