OneKitTools logoOneKitTools
返回开发者

HTML 转图片

将任何 HTML + CSS 渲染为高质量图片 — 卡片、横幅、社交媒体图片等

关于 HTML 转图片

将任何 HTML + CSS 渲染为高质量图片 — 非常适合卡片、横幅、社交媒体图片和邮件头部，完全在浏览器中完成。

如何使用 HTML 转图片

  1. 1选择模板（卡片、徽章、横幅、社交卡片）或从头开始。
  2. 2在编辑器中编写 HTML 并添加自定义 CSS 样式。
  3. 3根据需要选择 CSS 框架并设置视窗宽度。
  4. 4切换透明背景并调整导出缩放比例（1x、2x、3x）。
  5. 5预览渲染的图片，然后下载。

提示

  • 使用 2x 或 3x 缩放以适配高 DPI 显示器 — 对社交媒体图片特别重要。
  • 社交卡片模板已预设为 Open Graph 图片尺寸（1200x630）。
  • 透明背景在创建叠加层或后续图片合成时很有用。

相关工具

OneKitTools 团队更新于 2.21.4