使用Cloudinary将获取的图像叠加在自身上（使用转换）

Question

我想生成一个带有相同获取图像版本的图像，如下所示：

以下是两个版本：

背景：https://res.cloudinary.com/nho/image/fetch/w_1024,h_512,c_thumb,g_auto,q_auto,f_auto/e_brightness:80/e_blur:3000/https://nicolas-hoizey.com/2016/08/a-bridge-not-so-far.jpg

叠加层：https://res.cloudinary.com/nho/image/fetch/w_1024,h_512,c_fit,q_auto,f_auto/https://nicolas-hoizey.com/2016/08/a-bridge-not-so-far.jpg

我不明白如何使用overlays和chained transformations的文档来执行此操作。

Answer 1

Cloudinary当前不支持使用提取的图像进行叠加。 如果事先知道这些图片的来源（例如https://nicolas-hoizey.com），那么automatic-upload可能更合适。

然后，使用以下转换顺序完成所需的效果： http://res.cloudinary.com/demo/image/upload/w_500/u_upload:2016:08:a-bridge-not-so-far,ar_2:1,c_scale,e_blur:2000,o_70,w_0.7,c_crop/h_1.0,fl_relative.layer_apply/2016/08/a-bridge-not-so-far.jpg

更新： Cloudinary刚刚宣布了对覆盖动态获取图像的新支持。这是通过将远程URL编码为Base64来完成的，例如， （导轨）：

Base64.urlsafe_encode64("https://nicolas-hoizey.com/2016/08/a-bridge-not-so-far.jpg")
 => "aHR0cHM6Ly9uaWNvbGFzLWhvaXpleS5jb20vMjAxNi8wOC9hLWJyaWRnZS1ub3Qtc28tZmFyLmpwZw=="

然后转换网址将如下所示： https://res.cloudinary.com/demo/image/fetch/w_500/u_fetch:aHR0cHM6Ly9uaWNvbGFzLWhvaXpleS5jb20vMjAxNi8wOC9hLWJyaWRnZS1ub3Qtc28tZmFyLmpwZw==,ar_2:1,c_scale,e_blur:2000,o_70,w_0.7,c_crop/h_1.0,fl_relative.layer_apply/https://nicolas-hoizey.com/2016/08/a-bridge-not-so-far.jpg