常见问题
基本问题
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 属性使用。