AI工具箱AI图片处理

Oneimg

Oneimg是一款纯前端实现的文字转图片工具,支持在编辑器中输入文字、插入图片,并套用预设 CSS 模板样式,实时生成预览并导出为长图或多张切图。适合微信公众号长图推文、小红书图...

标签:

Oneimg是什么?

Oneimg是一款纯前端实现的文字转图片工具,支持在编辑器中输入文字、插入图片,并套用预设 CSS 模板样式,实时生成预览并导出为长图或多张切图。适合微信公众号长图推文、小红书图文笔记、Instagram 等图片社交媒体内容制作。内置多种模板与主题色,支持富文本格式、主题导出与本地存储,让新媒体创作者高效产出高质量视觉内容。

Oneimg

核心功能

  • 文字转图片:在编辑器中输入文字、插入图片,实时生成预览
  • 内置模板与主题色:多种 CSS 样式可选,适配不同风格的内容展示
  • 固定布局编辑器:无需复杂排版,直接套用模板
  • 导出多种格式:可导出为长图 PNG,或自动切分成多张图
  • 主题文件开放格式:支持将主题导出为 .oneimg JSON 文件,方便复用
  • 富文本支持:正文可加粗、斜体、下划线、列表等格式
  • 本地存储:使用 IndexedDB 保存数据,无需服务器端依赖

技术栈

前端: Next.js、tiptap 编辑器、tailwindcss、shadcn/ui
图片处理:html2canvas, UPNG
数据库:IndexedDB (本地存储)

适用场景

  • 新媒体运营:微信公众号长图推文、小红书图文笔记、Instagram 帖子
  • 活动宣传:节日海报、促销长图、品牌故事展示
  • 教程与信息图:知识卡片、操作步骤长图、数据可视化长图

Oneimg官网及使用教程

官网网址:oneimgai.com
开源仓库地址:https://github.com/byodian/oneimg

1. 打开与进入编辑器

访问 Oneimg 官网,无需安装,纯前端运行;本地浏览器即可完成全部操作

2. 创建主题

打开应用后,先创建一个主题,可选择内置的 CSS 样式模板(多种主题色与排版风格)。主题可导出为 .oneimg JSON 文件,方便后续复用或分享。

Oneimg

3. 编辑内容

  • 在编辑器中输入文字,可直接粘贴已有文案
  • 支持 富文本格式:加粗、斜体、下划线、列表等
  • 可插入图片(如产品图、插画、二维码等)
  • 固定布局编辑器,无需手动排版,所见即所得
  • 右侧实时预览生成的长图效果

4. 导出图片

点击 “导出” 按钮,可选择导出为 长图 PNG 或 自动切分多张图(适合社交平台分图发布),导出图片会直接下载到本地,无需上传到服务器。

相关导航

暂无评论

暂无评论...