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

核心功能
- 文字转图片:在编辑器中输入文字、插入图片,实时生成预览
- 内置模板与主题色:多种 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 文件,方便后续复用或分享。

3. 编辑内容
- 在编辑器中输入文字,可直接粘贴已有文案
- 支持 富文本格式:加粗、斜体、下划线、列表等
- 可插入图片(如产品图、插画、二维码等)
- 固定布局编辑器,无需手动排版,所见即所得
- 右侧实时预览生成的长图效果
4. 导出图片
点击 “导出” 按钮,可选择导出为 长图 PNG 或 自动切分多张图(适合社交平台分图发布),导出图片会直接下载到本地,无需上传到服务器。
相关导航
暂无评论...