Skip to content

常见问题 ​

基本问题 ​

GradLab 是免费的吗?

是的。GradLab 完全免费,直接在浏览器中运行,无需注册账号。

需要安装任何软件吗?

不需要。GradLab 是一个 Web 应用 — 打开网址即可开始使用。无需插件、无需桌面客户端、无需任何依赖。

支持哪些浏览器?

任何支持 WebGL 的浏览器均可运行 GradLab。MP4 导出还要求浏览器和设备支持 WebCodecs H.264 编码;目前 Chrome 和 Edge 的支持最稳定。

我的作品会自动保存吗?

GradLab 在当前页面内存中保留设置,刷新或关闭页面不会自动保存创作配置。如需长期保存配置,使用导出代码保存一个内嵌着色器与效果参数的独立 HTML 文件。


导出与质量 ​

如何恢复参数码?

点击调色盘区域中的上传图片 / 参数码,或者把下载的参数码 PNG 拖放到 GradLab 页面任意位置。DataMatrix 图片中保存的是短恢复 ID,GradLab 会从后端读取完整参数,因此恢复时需要联网。

导出的 PNG 分辨率是多少?

PNG 输出像素为画布 W/H × Math.max(2, devicePixelRatio) × 所选 1×/2×/3× 导出倍率。例如 DPR 为 2 时,640×360 画布以 3× 导出为 3840×2160。浏览器窗口大小不决定输出尺寸。

可以导出透明 PNG 吗?

目前不支持。画布在纯色背景上渲染。透明效果或圆角可在图像编辑器中添加。

为什么我的浏览器无法导出 MP4?

GradLab 使用 WebCodecs 离线渲染每一帧并编码为 H.264。如果浏览器或设备无法以当前尺寸提供 H.264 编码器,请使用最新版 Chrome 或 Edge,或降低导出倍率。


性能 ​

动画出现卡顿怎么办?

尝试降低速度滑块,并在启用状态下禁用 ASCII 字符矩阵 — 字符网格在字号较大时对 CPU 占用较高。关闭其他 GPU 密集型浏览器标签页也有帮助。

GradLab 支持移动端吗?

支持。WebGL 引擎可在移动端浏览器运行。PNG 和 HTML 导出支持广泛;MP4 导出取决于浏览器和设备是否提供 WebCodecs H.264 编码。


使用场景 ​

我可以在商业项目中使用 GradLab 的导出文件吗?

可以。导出文件归你所有,无版权水印,导出的 PNG、视频和 HTML 文件均无任何使用限制。

如何将渐变嵌入我的网站?

使用导出代码获取独立 HTML 文件,然后通过 <iframe> 嵌入你的页面。将 iframe 的 width 和 height 设置为 100% 即可实现全出血背景效果。

能用导出的渐变作为视频背景吗?

可以。启用乒乓循环后导出一段短 MP4 视频,然后通过 HTML5 <video> 标签配合 autoplay loop muted playsinline 属性使用。