集齐了图片管理的所有角度，代码提交后再也不会被催着优化了~

• 图片在网页的基础使用，img和background的区别，alt标签
• 图片加载失败的应对处理方案
• 图片造成的资源管理问题：加载量大、渲染慢；以及对应的方案：缓存、懒/预加载、图片分发、合适格式、压缩（清晰度）等，自建方便用的图片管理nodejs工具（拓展的方向）；前端加载大图片从模糊到清晰：覆盖src属性，高斯模糊缩略图，等js加载完手动替换
• 类图的动图格式处理：apng、gif
• 图片上传工具?上传目的地？接口配合进行断点续传

待整理文案

前端加载大图片从模糊到清晰：覆盖src属性，高斯模糊缩略图，等js加载完手动替换

观点：
目标是快速地看到可是窗口的时间缩在 500ms 内

不能一味地追求评分 - 因为素材必定占据很大的资源和加载；但好像站不住脚，因为只要看不到就是不合理的，你可以改变非主页面的数据加载时间，但不能不让看到内容。也就要求一个接口时延本身不能太长，究竟是未透明地建立连接的成本高，还是综合了职责之后的接口初始化可视成本高？一些细碎的模块是可以延迟获取的，主页面的数据要有限保证。

接口的时延大多时候不可控，需要知悉仅压缩到极致静态资源的加载都需要多少时间，得到什么样的评分；

关于图片等静态资源的处理：
前端加载大图片从模糊到清晰：覆盖src属性，高斯模糊缩略图，等js加载完手动替换 https://blog.51cto.com/u_15471709/4876448

图片在网页的基础使用

Web 最常用的图像格式

APNG（动态可移植网络图形）——无损动画序列的不错选择（GIF 性能较差）。
AVIF（AV1 图像文件格式）——静态图像或动画的不错选择，其性能较好。
GIF（图像互换格式）——简单图像和动画的不错选择。
JPEG（联合图像专家组）——有损压缩静态图像的不错选择（目前最流行的格式）。
PNG（便携式网络图形）——对于无损压缩静态图像而言是不错的选择（质量略好于 JPEG）。
SVG（可缩放矢量图形）——矢量图像格式。用于必须以不同尺寸准确描绘的图像。
WebP（网络图片格式）——图像和动画的绝佳选择。

随着