溯光笔记・在线卡片生成工具 功能介绍

一、工具核心定位

可视化卡片在线设计工具，支持实时预览卡片效果，自定义图文、尺寸、渐变、文字样式，一键导出高清 PNG 图片，适合制作 B 站封面、知识卡片、配图海报、宣传图等素材。

二、核心功能模块介绍

（一）内容设置：自由搭配文字与配图

1. 卡片文字编辑

   • 多行文本输入框，支持自定义长文本、换行；
   • 自动文字换行，超长内容不会撑爆卡片布局。

2. 自定义上传图片

   • 支持本地任意图片上传，读取图片为卡片素材；

3. 四种图片布局模式（一键切换）

   表格

   模式	效果说明	配套调节项
   不显示图片	纯文字卡片	无
   顶部配图	图片放在卡片顶部，下方展示文字	无
   左侧配图	图片居左，文字居右分栏排版	左侧图片占比滑块（20%-60% 可调）
   背景图	图片铺满卡片底层做背景	渐变蒙层开关 + 透明度调节

4. 背景图专属渐变蒙层

   • 可开启叠加渐变蒙版，弱化背景图、突出文字；
   • 0%-100% 透明度自由拖动调节。

（二）卡片尺寸自定义

• 宽高像素独立设置，范围：100px ~ 1200px；
• 自由制作 1:1 方形、16:9 横版、4:3 竖版等任意比例封面 / 卡片。

（三）外观样式美化（背景 / 边框 / 阴影）

1. 三种卡片背景样式

   1）纯色背景：拾色器自定义单一底色

   2）线性渐变：8 套渐变预设模板，可自定义起止色、渐变方向（上下 / 左右 / 对角）

   3）径向渐变：支持圆形 / 椭圆渐变，可切换渐变中心位置（中心、四角）

2. 圆角调节：0~50px 圆角滑块，直角 / 圆润卡片自由切换

3. 内边距控制：0~80px 文字内边距，控制文字与卡片边缘间距

4. 边框设置：边框宽度（0~10px）+ 自定义边框颜色

5. 阴影强度五档可选：无阴影 / 轻微 / 中等 / 较强 / 很强

（四）文字精细样式调节

1. 基础文字参数

   • 字号：10px~80px；自定义文字颜色拾色器
   • 字重：常规 / 中等 / 加粗；行高 1.0~3.0 可调

2. 文字对齐方式：左对齐 / 居中 / 右对齐（一键切换）

3. 文字描边效果：0~5px 描边粗细，自定义描边颜色，适合封面醒目大字

（五）实时预览 & 高清导出

1. 实时同步预览

   修改文字、图片、颜色、尺寸、样式后预览区即时刷新，所见即所得；滑块拖拽实时同步效果，无需等待。

2. 一键导出高清 PNG

   • 导出倍率 2 倍高清画质，适配自媒体封面高清需求；
   • 自动下载无水印 PNG 图片，支持跨设备使用。

三、页面布局优势

1. 双栏布局：左侧控制面板、右侧实时预览，电脑大屏友好；手机自动上下排版适配移动端操作；
2. 优化滚动条、柔和输入框聚焦、简约滑块 UI，操作视觉舒适；
3. 内置多套网红渐变配色预设，无需手动搭配颜色，快速出图。

四、适用场景

B 站视频封面、短视频图文卡片、读书笔记配图、软件教程封面、知识干货海报、社交平台配图、工具教程标题图等。