更新済み 2026年8月27日
ウェブサイトのヒーロー用3Dロゴ
ウェブサイトはロゴを3Dオブジェクトとしてライブ表示したり、ビデオループとして表示したり、静止画像として表示することができます。3DLogo.ioでは、共有リンクで訪問者がドラッグして回転させられる埋め込み用iframeが提供されます；GLBのエクスポートは、あなた自身のthree.jsやmodel-viewerのシーンに組み込むことができます；MP4 16:9またはPNG 4Kはその他すべてをカバーします。
どのフォーマットがどのヒーローに適しているか
| 要件 | 3DLogo.ioで行うこと |
|---|---|
| ライブでインタラクティブ | 共有ページを埋め込む：/e/ の iframe{token}cookiesなし、無料プランでは小さな「Hecho con 3DLogo.io」バッジ付き；Proはバッジを隠し、埋め込みを自分のドメインに制限できます。 |
| あなた自身のシーン | GLB をエクスポート（無料版では小さなロゴメッシュ付き、Pro ではクリーン）して、three.js、React Three Fiber、または <model-viewer> で読み込みます。マテリアルと PBR はファイルと一緒に保存されます。 |
| ビデオ背景 | 共有パネルからの横向き MP4（16:9）：無料版はロゴ付き 480p、Pro では 720p または 1080p。5 秒で、ループ時に回転すると綺麗に閉じます。 |
| 静止ヒーロー | PNG は最大 1024 px まで無料、Pro では 2K または 4K；背景を透明にして、自分のグラデーションの上に配置できます。 |
| ファイルサイズ | エディタのロゴ GLB は数メガバイト未満が一般的；メッシュを軽くするには適度な深さと少ないベベルセグメントを維持してください。 |
この使用に適したスタイル
3DLogo.ioでの作り方
- エディターでロゴを作成し、[共有]を開きます。
- ライブヒーロー用には、[埋め込み]のiframeをコピーします。自分のシーン用には、GLBをダウンロードします。ループ用には、横向きのMP4をダウンロードします。
- iframeを貼り付けるか、GLBを自分の3Dライブラリで読み込むか、MP4をループ再生で音声なしの動画として配置します。
- Proでは、挿入バッジを非表示にし、[共有]パネルから許可されるドメインを制限します。
条件と制限
埋め込みにはWebGL対応のブラウザが必要です。代替としてPNGを提供します。ゲストとして共有されたリンクは、ログインして保存しない限り14日で期限切れになります。埋め込みにはアカウントが必要です。
質問
- 埋め込みはページを遅くしますか?
- これはオンデマンドで読み込まれる iframe で、クッキーは使用せず、訪問者の GPU 上でレンダリングされます。ファーストビューの下で遅延ロードするか、まずはポスター画像を使用してください。
- 挿入バッジを非表示にできますか？
- Pro を使用しています。無料の挿入には「3DLogo.io で作成」という小さなバッジが付属します。
- <model-viewer> で GLB は動作しますか？
- はい。エクスポートは標準の glTF バイナリで、素材は PBR です。
他の表面
同じマークと、他の各場所にそれを置く場合にエクスポートから必要なもの。
