<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