使用 Vercel Edge 处理图片，支持缩放、剪裁、水印、滤镜等功能

[ccbikai]

之前使用 Cloudflare Worker 处理图片 /t/994952 , 由于 Worker 的免费版本只能占用 10ms CPU, 经常资源超出占用，裂图频率很高。刚好今天有空，就适配了 Vercel Edge ，分享出来有兴趣的可一起探索。

Vercel 官方版本也支持处理图片，但是限制 1000 张原图/月，支持缩放。使用 Vercel Edge 处理图片, 可以支持缩放、剪裁、水印、滤镜等功能。但是 Vercel 免费版每月只用 100G 流量，真实使用建议套一个 CDN 。

---

剪裁

滤镜

图片水印

缩放+旋转+文字水印

理论上支持 Photon 的各种操作，有兴趣的可以查看图片地址，按照 Photon 文档 https://docs.rs/photon-rs/latest/photon_rs/ 修改参数自己尝试。如果发现异常可以评论反馈给我。

更多演示可以到我博客查看 https://chi.miantiao.me/post/vercel-edge-image/

---

此方案已经开源在我的 Github, 有需要的可以按照文档部署。

[whileFalse]

有统计过大概消耗多少毫秒吗

[ccbikai]

@whileFalse cf 在 300ms
vercel 在 600ms

Vercel 占用多不会被 kill ，也有缓存

[keepRun]

感觉可以把处理过的图片存下来，就不用每次去处理了

[ccbikai]

@keepRun 目前只有 CDN 缓存

[ccbikai]

@keepRun 看了下 Vercel 自带缓存是可以命中的

[VOfficial]

白名单可以添加多个站点吗🤔

[ccbikai]

@VOfficial 可以的，逗号分隔就行。 你看示例就有多个域名