Resize One Image into 6 Social Media Formats Automatically Using Cloudinary Claimable Clouds

Resize One Image into 6 Social Media Formats Automatically Using Cloudinary Claimable Clouds

使用 Cloudinary Claimable Clouds 自动将一张图片调整为 6 种社交媒体格式

Claimable Clouds are temporary Cloudinary environments for AI workflows that let AI Agents safely manage media with no signup required. Claimable Clouds 是用于 AI 工作流的临时 Cloudinary 环境,允许 AI 代理在无需注册的情况下安全地管理媒体。

Imagine you’re a busy designer, with many satisfied clients who depend on you to take their images and make them look great across social media. All that manual cropping and scaling, it’s enough to make a body cry. On top of that, you know that AI can give you a hand here, but managing the handoff between your AI, your own skilled hands and artistic taste and style, and your always-in-a-hurry client list is another big pain. Enter the concept of the Cloudinary Claimable Cloud, just released today. 想象一下,你是一位忙碌的设计师,许多满意的客户都依赖你来处理他们的图片,并使其在社交媒体上呈现出最佳效果。所有那些手动裁剪和缩放的工作,足以让人抓狂。更重要的是,你知道 AI 可以帮上忙,但要在 AI、你自己的专业技能与艺术品味,以及总是催促你的客户列表之间进行协调,又是另一大痛点。今天刚刚发布的 Cloudinary Claimable Cloud 概念正是为了解决这些问题。

Take a look at the docs about these new temporary instances available now. What we built and why: 请查看有关这些现已推出的临时实例的文档。我们构建了什么以及原因:

  • Provision a disposable Cloudinary cloud with no signup, using npx @cloudinary/cloud

  • Auto-detect a dropped image and upload it to that temporary cloud

  • Auto-crop it into 6+ social formats (Instagram, LinkedIn, X, Facebook, Stories) using AI-based smart cropping

  • Generate a side-by-side gallery of results automatically

  • Hand off a Claim URL so a client can make the cloud permanent

  • 使用 npx @cloudinary/cloud 无需注册即可配置一次性的 Cloudinary 云环境

  • 自动检测拖入的图片并将其上传到该临时云环境

  • 利用基于 AI 的智能裁剪功能,将其自动裁剪为 6 种以上的社交媒体格式(Instagram、LinkedIn、X、Facebook、Stories)

  • 自动生成并排展示的结果画廊

  • 提供一个“认领链接”(Claim URL),以便客户将该云环境转为永久使用

Now, you can hand off the main pain points to AI - the resizing and reshaping of your images for the various social media platforms, while giving your clients a clean handoff via a temporary Cloud environment that they can use to create a Cloudinary account and start using these assets. One side effect: this also nudges your whole client base toward the same toolset - Cloudinary. The bigger deal is working with an AI agent that makes your life easier but ALSO allows you to keep control of the output. 现在,你可以将主要的痛点交给 AI 处理——即为各种社交媒体平台调整图片的大小和形状,同时通过一个临时的云环境将成果交付给客户,他们可以使用该环境创建 Cloudinary 账户并开始使用这些资产。一个附带的好处是:这也引导了你的整个客户群使用同一套工具——Cloudinary。更重要的是,你可以与 AI 代理合作,它不仅让你的生活更轻松,还让你能够保持对输出结果的控制。

Let’s walk through how this works! It all boils down to a new command: npx @cloudinary/cloud. Type that into your terminal to kick off the process. I built a small app around this concept to provide this AI agent with a simple harness, so let me show how that looks. The user experience is to drop any image you want resized into the /drop folder. 让我们来看看它是如何工作的!一切都归结为一个新命令:npx @cloudinary/cloud。在终端中输入该命令即可启动流程。我围绕这个概念构建了一个小型应用程序,为这个 AI 代理提供了一个简单的外壳,让我来展示一下它的样子。用户体验非常简单:只需将你想要调整大小的任何图片拖入 /drop 文件夹即可。

Under the cover, there are a few more processes at work: 在后台,还有几个流程在运行:

Provisioning: Spin Up a Temporary Cloudinary Cloud

配置:启动临时 Cloudinary 云环境

On the first run, the app spins up a disposable Cloudinary “Claimable Cloud” via npx @cloudinary/cloud with temporary credentials, so no signup is required. The generated credentials are saved temporarily in a .env file locally. This gives the tool a live upload/delivery endpoint without any manual account setup. These credentials are refreshed when you start the app: npm i && npm start. 首次运行时,应用程序会通过 npx @cloudinary/cloud 启动一个带有临时凭证的一次性 Cloudinary “Claimable Cloud”,因此无需注册。生成的凭证会临时保存在本地的 .env 文件中。这为工具提供了一个实时的上传/交付端点,无需手动设置账户。当你启动应用程序时,这些凭证会刷新:npm i && npm start

Watch & Transform: Auto-Crop for Each Social Platform

监控与转换:为每个社交平台自动裁剪

The app watches the drop folder for new images. When a high-resolution master image lands there, it’s uploaded to this temporary Cloudinary instance. Then it’s run through a set of predefined social-media format specs (Instagram Square, Portrait, Story/Reels/TikTok, LinkedIn, X/Twitter, Facebook) using dynamic transformations like c_fill,g_auto for smart auto-cropping to each platform’s exact aspect ratio and dimensions, focusing on the most important element. 应用程序会监控 /drop 文件夹中的新图片。当一张高分辨率的主图放入其中时,它会被上传到这个临时的 Cloudinary 实例。然后,它会通过一组预定义的社交媒体格式规范(Instagram 方形、竖屏、Story/Reels/TikTok、LinkedIn、X/Twitter、Facebook)进行处理,使用 c_fill,g_auto 等动态转换进行智能自动裁剪,以匹配每个平台的精确宽高比和尺寸,并聚焦于最重要的元素。

Render Results & Send to Client: Share a Claim URL

渲染结果并发送给客户:分享认领链接

Generated variant URLs are written to manifest.json and rendered into an auto-generated side-by-side HTML gallery, which opens automatically. The output also includes a Claim URL, letting the disposable cloud be handed off (e.g., to a client) and made permanent at any time. 生成的变体 URL 会被写入 manifest.json,并渲染成一个自动生成的并排 HTML 画廊,该画廊会自动打开。输出结果还包含一个认领链接,允许随时将这个一次性云环境移交给客户并使其永久化。

Now you can pass that Claim URL right on to your client and start the process of allowing them to claim the results and start working with them. This is an early feature, with more agent-based tools coming from Cloudinary soon. Watch for more interesting work around AI agents in the near future! 现在,你可以直接将该认领链接发送给客户,让他们认领这些结果并开始使用。这是一个早期功能,Cloudinary 很快会推出更多基于代理的工具。敬请期待近期关于 AI 代理的更多有趣进展!

Cloudinary ❤️ developers. Ready to level up your media workflow? Start using Cloudinary for free and build better visual experiences today. Cloudinary ❤️ 开发者。准备好提升你的媒体工作流了吗?立即免费使用 Cloudinary,构建更好的视觉体验。