已更新 2026年8月27日

网站英雄的 3D 徽标

网站可以将徽标显示为实时 3D 对象、视频循环或静态图像。在 3DLogo.io 中,共享链接为您提供了一个嵌入 iframe,访问者可以将其拖动到轨道; GLB 导出适合您自己的 Three.js 或模型查看器场景; MP4 16:9 或 PNG 4K 涵盖了其他一切。

一个镀铬 3D 标志站在黑暗的工作室里,该图像静止在网站的英雄循环后面

每个英雄适合什么格式

要求在 3DLogo.io 上做什么
现场互动嵌入共享页面:/e/ 中的 iframe{token},无 cookie,免费时带有“Made with 3DLogo.io”小徽章; Pro 隐藏徽章并可以限制嵌入到您的域。
自己的场景导出 GLB(免费,在 Free 中带有一个小标签网格;在 Pro 中进行清理)并使用 Three.js、React Three Fiber 或 <model-viewer> 加载它。材料和 PBR 随文件一起旅行。
视频背景共享面板中的 MP4 横向 (16:9):带有品牌的免费 480p,Pro 上为 720p 或 1080p。五秒后,通过 Twist,循环就干净地关闭了。
静态英雄PNG 最多 1024 像素,Pro 上为 2K 或 4K;具有透明背景,以便它保持在您自己的渐变之上。
重量发行商徽标 GLB 的重量通常不到几兆字节;保持适度的深度和少量的斜角部分以获得较轻的网格。

适合这种用途的款式

  • 铬3D标志: 倒影在黑暗的英雄背景下读起来很好。
  • 3D玻璃标志: 它与摄影有关,但并不与之竞争。

如何在 3DLogo.io 上制作

  1. 在编辑器中创建徽标并打开共享。
  2. 对于现场英雄,复制插入 iframe;针对您自己的场景,下载 GLB;对于循环,请下载水平 MP4。
  3. 粘贴 iframe,或使用 3D 库加载 GLB,或将 MP4 作为无声音的循环视频。
  4. 在 Pro 中,隐藏嵌入徽章并限制共享面板允许的域。

条件和限制

嵌入需要带有WebGL的浏览器;提供 PNG 作为替代方案。除非您登录并保留,否则以访客身份共享的链接将在 14 天后过期;插入需要一个帐户。

问题

嵌入会减慢我的页面速度吗?
它是一个按需加载的 iframe,无需 cookie,并在访问者的 GPU 上呈现。在第一折叠下方延迟加载它或首先使用海报图像。
我可以隐藏嵌入徽章吗?
与Pro。免费插件带有一个小的“Made with 3DLogo.io”徽章。
GLB 可以在 <model-viewer> 中工作吗?
是的。导出为带有 PBR 材料的标准二进制 glTF。

其他表面

相同的标记,以及您将放置在导出中的每个其他位置所需的标记。