Aktualisiert 27. August 2026
3D-Logo für die Hero-Sektion einer Website
Eine Website kann das Logo als lebendes 3D-Objekt, als Videoloop oder als festes Bild anzeigen. In 3DLogo.io gibt dir ein Freigabelink ein iframe zum Einbetten, das Besucher zum Umkreisen ziehen können; ein GLB-Export passt in deine eigene three.js- oder model-viewer-Szene; ein MP4 16:9 oder ein PNG 4K deckt alles andere ab.
Welches Format passt zu welchem Hero
| Anforderung | Was auf 3DLogo.io zu tun ist |
|---|---|
| Live und interaktiv | Füge die geteilte Seite ein: ein iframe unter /e/{token}, ohne Cookies, mit einer kleinen „Made with 3DLogo.io“-Plakette in der Gratis-Version; Pro versteckt die Plakette und kann das Einbetten auf deine Domains beschränken. |
| Deine eigene Szene | Exportiere GLB (kostenlos, mit einem kleinen Wasserzeichen auf Gratis; sauber in Pro) und lade es mit three.js, React Three Fiber oder <model-viewer> hoch. Die Materialien und das PBR reisen mit der Datei. |
| Videohintergrund | MP4 horizontal (16:9) vom Freigabefenster: 480p kostenlos mit Markenhinweis, 720p oder 1080p in Pro. Fünf Sekunden, und mit Drehung schließt die Schleife sauber. |
| Statischer Hero | PNG bis zu 1024 px kostenlos, 2K oder 4K in Pro; mit transparentem Hintergrund, damit es über deinem eigenen Farbverlauf liegt. |
| Gewicht | Ein GLB von einem Editor-Logo wiegt normalerweise weniger als ein paar Megabyte; halte eine moderate Tiefe und wenige Fasenabschnitte für ein leichteres Mesh. |
Stile, die für diese Anwendung geeignet sind
- 3D-Chrom-Logo: Die Reflexionen sind auf dunklen Hero-Hintergründen gut sichtbar.
- 3D-Glas-Logo: Passt über Fotografie, ohne mit ihr zu konkurrieren.
Wie man es auf 3DLogo.io macht
- Erstelle das Logo im Editor und öffne Teilen.
- Für einen Live-Hero, kopiere das Einbettungs-iframe; für deine eigene Szene, lade das GLB herunter; für eine Schleife, lade das horizontale MP4 herunter.
- Füge das iframe ein, oder lade das GLB mit deiner 3D-Bibliothek hoch, oder stelle das MP4 als Video in Schleife und ohne Ton ein.
- Verstecke im Pro das Einbettungs-Badge und beschränke die erlaubten Domains über das Teilen-Panel.
Bedingungen und Einschränkungen
Die Einbettung benötigt einen Browser mit WebGL; biete das PNG als Alternative an. Geteilte Links als Gast verfallen nach 14 Tagen, es sei denn, du meldest dich an und speicherst sie; Einbettungen benötigen ein Konto.
Fragen
- Verlangsamt die Einbettung meine Seite?
- Es ist ein iframe, das auf Abruf geladen wird, ohne Cookies, und auf dem GPU des Besuchers gerendert wird. Lade es verzögert unterhalb der ersten Falz oder benutze zuerst das Posterbild.
- Kann ich das Einbettungsabzeichen verbergen?
- Mit Pro. Kostenlose Einbettungen tragen ein kleines Abzeichen „Made with 3DLogo.io“.
- Funktioniert GLB in <model-viewer>?
- Ja. Der Export ist glTF Standard-Binärdatei mit PBR-Materialien.
Die anderen Oberflächen
Dasselbe Zeichen, und was jeder der anderen Orte, an denen Sie es platzieren, vom Export benötigt.
