所有文章 标签 分类 关于 杂谈 系列

目录

Weserv图片缓存

赵叔  收录于  类别 cdn
     约 494 字   预计阅读 1 分钟    次阅读     条评论  
警告
本文最后更新于 2020-10-14，文中内容可能已过时。

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 尺寸

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 自调

1

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

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

2.3 位置

1

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

2.4 形状

1

<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 方向

1
2
3

<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 时长

1

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

maxage: 缓存控制时长，

  • d： 天
  • y：年，365天

2.7 默认图片

1
2
3

<img src="//images.weserv.nl/?url=example.org/noimage.jpg&default=ssl:images.weserv.nl%2F%3Furl%3Dimages.weserv.nl/lichtenstein.jpg%26w%3D300">

https://images.weserv.nl/?url=https://wfqqreader-1252317822.image.myqcloud.com/cover/71/25066071/t6_25066071.jpg&default=ssl:images.weserv.nl/?url=https://img9.doubanio.com/view/subject/l/public/s26872396.jpg

如果加载图像时出现问题，则显示错误。但是，可能需要将默认图像传递给用户，而不是向用户提供损坏的图像。

该URL不得包含default查询字符串（如果包含，则将被忽略）。

3. 参考资料：

https://github.com/weserv/images

https://images.weserv.nl/

更新于 2020-10-14
阅读原始文档
 Weserv图片缓存
返回 | 主页