让你的 AI Agent 连接 HTML to Image

提供需要渲染的代码或截图网址,并指定截取尺寸。

2 个工具 API key

试试这些 HTML to Image 任务

将提示词复制到已安装 oo Skill 的 Agent,补充页面链接和原始笔记后执行。

oo Skill HTML to Image

渲染设计图片

按指定视口尺寸,将 HTML 和样式渲染为图片。

/oo HTML to Image: 以[宽度]×[高度]像素渲染 HTML[代码]及 CSS[样式],提供生成图片网址。

截取公开网页

截取视口、整页或指定元素的图片。

/oo HTML to Image: 截取[网址]的公开整页,视口宽度为[宽度],等待元素[选择器]出现后截图,提供截图网址。

开始使用 HTML to Image

  1. 安装 OOMOL

    在 Agent 中配置 oo CLI 和 oo Skill。

    安装 OOMOL →
  2. 连接 HTML to Image

    使用 HTML to Image 控制台中的 API Key 连接。

    连接 HTML to Image →
  3. 向 Agent 交代任务

    使用 /oo,说明要读取的页面、修改的内容和保存位置。

    连接指南 →

选择你的 Agent

  • HTML to Image 账号及可用图片额度。
  • 整页截图使用设备像素比 1;网页截图需要公开网址。

HTML to Image 工具

HTML to Image 渲染原始 HTML 或截取公开页面,提供生成图片的网址;支持注入 CSS、整页截图,以及等待指定元素出现后截取。

HTML 渲染与截图

渲染提供的代码,或使用 CSS、选择器和尺寸选项截取公开网页。

2 个工具

Convert Html To Image

使用 HTML 到 Image 将原始 HTML 和可选 CSS 转换为图像,并返回生成的图像 URL。

html_to_image.convert_html_to_image

Capture Website Screenshot

使用 HTML 到 Image 捕获公共网页并返回生成的截图 URL。

html_to_image.capture_website_screenshot

常见问题

得到图片文件还是网址?

操作提供生成图片的网址,以及可用的图片标识和剩余额度信息。

如何等待动态内容?

可指定截图前必须出现的元素,或设置最多五秒的截图延迟。

可以截取整个页面吗?

可以。要求整页截图,其设备像素比固定为 1,即使请求更高比例也不会改变。

连接 HTML to Image

关于 HTML to Image ↗