업데이트됨 2026년 8월 27일

웹사이트 히어로용 3D 로고

웹사이트는 로고를 3D 라이브 오브젝트, 비디오 루프 또는 정지 이미지로 표시할 수 있습니다. 3DLogo.io에서는 공유 링크가 방문자가 드래그하여 회전할 수 있는 iframe을 제공합니다; GLB 내보내기는 당신의 three.js 또는 model-viewer 장면에 맞출 수 있습니다; MP4 16:9 또는 PNG 4K는 나머지를 모두 커버합니다.

어두운 스튜디오에 서 있는 3D 크롬 로고, 웹사이트 히어로 루프 뒤의 정지 이미지

각 히어로에 맞는 형식

요구 사항3DLogo.io에서 할 일
라이브 및 인터랙티브공유 페이지 삽입: /e/에 있는 iframe{token}, 쿠키 없이, 무료 버전에는 작은 '3DLogo.io로 제작됨' 배지가 있습니다; Pro는 배지를 숨기고 삽입을 당신의 도메인으로 제한할 수 있습니다.
당신의 장면GLB를 내보내기(무료, 무료에서는 작은 라벨 메쉬 포함; Pro에서는 깔끔하게)하고 three.js, React Three Fiber 또는 <model-viewer>로 불러오세요. 소재와 PBR는 파일과 함께 이동합니다.
비디오 배경공유 패널에서 MP4 가로(16:9): 무료 480p(브랜드 마크 포함), Pro에서 720p 또는 1080p. 5초, 회전 사용 시 루프가 깔끔하게 닫힘.
정적 히어로PNG 최대 1024px 무료, 2K 또는 4K는 Pro; 배경 투명으로 자신의 그라디언트 위에 올릴 수 있음.
용량편집자 로고의 GLB는 보통 몇 MB 미만; 깊이를 적당히 유지하고 메쉬를 가볍게 하기 위해 베벨 세그먼트를 적게 사용하세요.

이 용도에 맞는 스타일

3DLogo.io에서 만드는 방법

  1. 에디터에서 로고를 만들고 공유를 엽니다.
  2. 라이브 히어로용은 삽입 iframe을 복사하고, 자신의 씬에는 GLB를 다운로드하며, 루프에는 MP4 수평 버전을 다운로드합니다.
  3. iframe을 붙여넣거나, 3D 라이브러리로 GLB를 불러오거나, MP4를 루프 비디오로 소리 없이 재생합니다.
  4. Pro에서는 삽입 배지를 숨기고 공유 패널에서 허용 도메인을 제한합니다.

조건 및 제한

삽입에는 WebGL이 있는 브라우저가 필요합니다; PNG를 대안으로 제공합니다. 게스트로 공유된 링크는 로그인하여 저장하지 않으면 14일 후 만료됩니다; 삽입에는 계정이 필요합니다.

질문

삽입이 내 페이지를 느리게 하나요?
수요에 따라 로드되는 iframe으로, 쿠키 없이 방문자의 GPU에서 렌더링됩니다. 먼저 접히는 부분 아래에서 지연 로드하거나 먼저 포스터 이미지를 사용하세요.
삽입 배지를 숨길 수 있나요?
Pro에서 가능합니다. 무료 삽입물에는 작은 '3DLogo.io로 제작됨' 배지가 있습니다.
GLB가 <model-viewer>에서 작동하나요?
예. 내보내기는 PBR 재질을 가진 표준 glTF 바이너리입니다.

다른 표면들

같은 표시와, 다른 각 위치에 표시해야 하는 것이 수출에서 필요한 것.