<img src="https://webimages.mongodb.com/_com_assets/cms/globe@2x-kgv9ll4o7r-havl08h54l.png?auto=format%2Ccompress&ch=DPR&w=594">
类似于上边这种，可以通过 src 的参数获取同一张图片的不同尺寸等，是服务端得到地址后写出文件流实现的。有专门提供这种服务的服务提供商，比如Kraken.io、Cloudinary、Imgix等
1、Kraken.io
Kraken.io是一项专门针对图片优化的云服务，其免费方案提供100MB的图片存储。Kraken提供一个API，你可以通过编程上传图片，或者提供一个指向该图片的URL。在调用这个API时，你可以给服务发送指令，让其对图片执行特定的优化，并下载优化后的新版本。
2、Cloudinary
Cloudinary是一项执行图片优化的云图片服务，还提供各种各样的图片操作、云存储和CDN分发。Cloudinary的免费方案提供2GB的云存储、75000张图片、每月7500次图片转换。在Cloudinary中，你将图片上传到永久云存储，然后Cloudinary服务会将图片直接分发给你的网站用户。
3、Imgix（推荐）
imgix.js是一个无依赖性的浏览器JavaScript库，可以轻松地将imgix集成到网站中。
Imgix的工作原理：上传图片，然后在你的代码中生成一个动态URL，对图片执行不同的优化。Imgix是一个全功能的图片管理解决方案，提供很多图片操作、云存储和CDN分发。Imgix提供了免费试用方案，允许用户基于API进行大约3000次图片操作。
github地址：https://github.com/imgix/imgix.js
参考使用博客：https://www.cnblogs.com/dreamone/articles/4774878.html