1. 介绍

images.weserv.nl 具有全球、缓存、调整大小、开源的属性。主要调用 Cloudfare 的 cdn 来实现图片缓存

• 支持的图片格式有JPEG, PNG, BMP, GIF, TIFF, WebP, PDF, SVG, WebP, GIF
• 支持 IPV6
• 可以使用 https://images.weserv.nl/ 直接调用 http图片缓存，用于通过TLS / SSL进行安全连接

2. 使用

该工具最大的地方是可以直接修改图片的大小，快速参考

2.1 尺寸

<img src="//images.weserv.nl/?url=images.weserv.nl/lichtenstein.jpg&w=300&h=300&dpr=2">

w：设置图像的宽度，以像素为单位。

h：设置图像的高度，以像素为单位。

dpr：设备像素比，level 1-8.

2.2 自调

<img src="//images.weserv.nl/?url=images.weserv.nl/lichtenstein.jpg&w=300&h=300&fit=inside">

默认。保留宽高比，将图像调整为尽可能大的尺寸，同时确保其尺寸小于或等于指定的尺寸。

2.3 位置

<img src="//images.weserv.nl/?url=images.weserv.nl/lichtenstein.jpg&w=300&h=300&fit=cover&a=centor">

• center：默认

2.4 形状

<img src="//images.weserv.nl/?url=images.weserv.nl/lichtenstein.jpg&w=300&h=300&fit=cover&mask=circle">

效果：

• circle：圆圈
• ellipse
• triangle
• triangle-180：三角形倒置倾斜
• pentagon
• pentagon-180：五角大楼倒置倾斜
• hexagon
• square：方形倾斜45度
• star：5点星
• heart

2.5 方向

<img src="//images.weserv.nl/?url=images.weserv.nl/lichtenstein.jpg&h=300&flip">
<img src="//images.weserv.nl/?url=images.weserv.nl/lichtenstein.jpg&h=300&flop">
<img src="//images.weserv.nl/?url=images.weserv.nl/lichtenstein.jpg&h=300&ro=45">

flip: 180°翻转

flop：沿 X 轴翻转

ro：沿定制角度翻转

2.6 时长

//images.weserv.nl?url=images.weserv.nl/lichtenstein.jpg&w=100&maxage=31d

maxage: 缓存控制时长，

• d： 天
• y：年，365天

3. 参考资料：

https://github.com/weserv/images

https://images.weserv.nl/

标签：Weserv,缓存,nl,weserv,180,https,images,图片
来源： https://www.cnblogs.com/UncleZhao/p/13813596.html