Globe 3D – 免費將 2D 平面圖片轉換成 3D 球體立體圖,提供 FIGMA 外掛與線上免費下載圖片

Globe 3D 是一款能夠幫助你將 2D 平面設計瞬間轉換成 3D 球體的一款免費線上工具。你可以直接透過網站上傳圖片立即將其轉換成 3D 球體,也可以透過他所提供的 Figma 外掛,安裝在自己的軟體上進行轉換處理。

用 AI 摘要這篇文章:

Globe 3D 是一款免費開源的線上工具,上傳任何 2D 平面圖片就能即時轉換成可互動旋轉的 3D 球體,還能免費下載 PNG 截圖或產生分享連結,完全不需要註冊帳號。

工具名稱:Globe 3D
官方網站:https://globe-3d.vercel.app/
開源專案:GitHub 原始碼
費用:完全免費(MIT 開源授權)

Globe 3D 是什麼?誰適合用?

Globe 3D 是印尼開發者 Sonny Lazuardi 建立的開源專案,底層採用 React Globe.gl 函式庫渲染 3D 球體。運作方式很直接:你準備一張等距柱狀投影(Equirectangular Projection)的平面圖片,上傳後系統自動將圖片貼到 3D 球體表面,產生一顆可旋轉、縮放、平移的立體地球。

截至 2026 年 5 月,GitHub 原始碼庫累積 160 顆星、8 個 Fork,共 15 次 commit,最後一次程式碼更新落在 2021 年 9 月。功能已穩定,但不要期待頻繁的新功能加入。

這個工具適合三種人:

  • UI/UX 設計師:需要在介面中加入 3D 地球元素,例如全球據點展示頁面的 Hero 圖或跨國服務頁面的插圖
  • 簡報與社群內容製作者:想要用 3D 地球取代平面地圖,讓投影片或社群貼文更有視覺張力
  • 網頁開發者:想快速預覽地圖貼圖在球體上的效果,再決定是否自行整合到專案中

如果你的需求是將圖片轉換成其他 3D 物件(例如書本、盒子),3D Book Image CSS Generator 是更合適的選擇,它專門用來建立立體書籍展示效果。

Globe 3D 核心功能一覽

  • 一鍵 2D 轉 3D 球體:上傳平面圖片,系統立刻映射到 3D 地球表面
  • 即時互動:滑鼠左鍵旋轉、滾輪縮放、右鍵平移,操作流暢
  • Figma 外掛:提供 Figma Plugin,設計師可直接在設計工具中完成轉換
  • 免費下載 PNG:旋轉到滿意的角度後,一鍵下載當前畫面
  • 分享連結:透過 Supabase 儲存,可產生獨立分享網址
  • MIT 開源授權:原始碼公開在 GitHub,可自由修改與商用

圖片檔案太大會影響上傳和渲染速度,建議先用 Compressor.io 免費線上圖片壓縮工具 將圖片壓縮到適當大小。如果需要處理其他格式的轉換,AnyConv 免費線上轉檔服務 支援超過 400 種格式互轉。

線上版操作教學:四步完成 3D 地球

步驟一:開啟官網並上傳圖片

進入 Globe 3D 官方網站,首頁有兩個選項:「Figma Plugin」會引導你安裝 Figma 外掛,「Upload or Drag & Drop Image」則是直接在網頁上傳圖片。選擇上傳方式,將圖片拖曳進去或點擊選取檔案。

Globe 3D 首頁提供 Figma Plugin 下載與線上圖片上傳兩種使用方式Pin
Globe 3D 首頁可選擇安裝 Figma 外掛或直接上傳圖片

步驟二:確認 3D 球體轉換結果

上傳成功後,Globe 3D 會立即將圖片貼合到 3D 球體表面。建議使用等距柱狀投影的世界地圖圖片,轉換效果最自然。你可以從 免費圖庫懶人包 中尋找適合的地圖素材,或用 Flaticon 全球最大免費圖標庫 找相關圖示。

上傳圖片後立即轉換成 3D 球體,可自由旋轉調整角度Pin
圖片上傳後瞬間轉換成 3D 球體,可自由旋轉調整角度

步驟三:調整角度與構圖

使用滑鼠操作來調整 3D 地球的呈現角度:

操作方式 功能說明
滑鼠左鍵按住拖曳 旋轉 3D 球體
滑鼠滾輪 放大或縮小球體
滑鼠右鍵按住拖曳 平移整個視角

持續旋轉到滿意的角度,這個視角就會是下載圖片時的實際畫面。

步驟四:下載圖片或分享連結

調整好角度後有三個選項:

  • Download Image:將當前畫面下載為 PNG 格式圖片
  • Copy:複製相關資訊到剪貼簿
  • Share URL:產生獨立分享連結,其他人點開就能看到你的 3D 地球

下載後的圖片如果需要放大或提升畫質,可以搭配 AI Image Enlarger 線上免費圖片放大工具AI Image Enhancer 免費線上增強圖片畫質工具 來優化輸出結果。

Figma 外掛安裝與使用

Globe 3D 提供了 Figma Plugin,讓設計師不需要離開設計環境就能完成 2D 轉 3D 的操作。安裝步驟:

  1. 在 Figma 中開啟任意專案
  2. 點擊左上角選單,進入 Plugins → Browse plugins in community
  3. 搜尋「Globe 3D」
  4. 點擊 Install 安裝
  5. 在設計稿中透過 Plugins → Globe 3D 啟用

安裝完成後,直接在 Figma 畫布上選取圖片,透過外掛轉換成 3D 地球,結果會直接出現在畫布上。如果你經常使用 Figma,Clay Mockups 的 Sketch 與 Figma 格式設備模型CSS.GG 700+ 開源免版權圖標 都是實用的設計資源。

哪些圖片適合轉換?哪些不適合?

Globe 3D 將 2D 圖片以等距柱狀投影的方式包裹到球體表面,圖片的選擇直接影響最終效果。

適合的圖片

  • 世界地圖:等距柱狀投影格式的世界地圖是最佳選擇,轉換後呈現真實地球外觀
  • 漸層或抽象紋理:星空圖、海洋紋理、色彩豐富的漸層,轉換後會產生漂亮的球體效果
  • 資訊圖表:帶有地理資訊的圖表轉成球體,視覺衝擊力更強
  • 品牌全球據點圖:在平面地圖上標示據點後轉換,適合企業簡報

不適合的圖片

  • 人像照片:轉換後會產生嚴重變形
  • 文字密集的圖片:文字在球體表面會彎曲變形,難以閱讀
  • 長寬比例極端的圖片:過窄或過寬的圖片在球體貼合時會產生明顯拉伸

如果需要先為圖片去除背景再進行轉換,可以從 20 款免費線上圖片去背工具推薦 中選擇適合的工具快速處理。

圖片素材準備建議

要讓轉換效果達到最佳,素材準備是關鍵:

  • 長寬比:建議使用 2:1 比例(例如 2048×1024 或 4096×2048),這是最適合等距柱狀投影的尺寸
  • 解析度:至少 1024px 寬以上。手邊只有小圖的話,先用 Bigjpg 線上免費 AI 圖片放大工具 進行無損放大
  • 格式:支援 JPG 和 PNG。WebP 格式可先透過 AnyWebP 免費線上圖片轉檔工具 轉換成 PNG
  • 底色:深色背景的地圖轉換成球體後通常更具視覺效果

Globe 3D 與其他工具比較

工具 功能 輸出格式 費用
Globe 3D 2D 圖片轉 3D 球體 PNG 截圖 免費開源
3D Book Image CSS Generator 2D 封面轉 3D 書本 PNG 圖片 免費
Blobs 產生 Blob 有機形狀 SVG 格式 免費
Vectorizer.AI 圖片轉 SVG 向量圖 SVG / EPS 付費

Globe 3D 在「2D 轉 3D 球體」這個特定用途上幾乎沒有直接競爭對手。如果你的需求正好是將平面圖片變成立體地球,這是目前最簡單也最免費的選擇。

使用限制與注意事項

  • 僅支援球體:不能轉換成立方體、圓柱體等其他形狀。需要立體書籍效果請用 3D Book Image CSS Generator
  • 投影格式有要求:非等距柱狀投影的圖片,貼合時可能出現接縫或變形
  • 下載為 2D 截圖:不是 3D 模型檔案,無法在 Blender 等軟體中繼續編輯
  • 無法在球體上標記:不提供添加標記、連線或文字的功能,需要先在 2D 圖片上處理好再上傳
  • 專案不再活躍更新:最後一次程式碼提交是 2021 年 9 月,功能穩定但不會有新功能
  • 需要網路連線:線上版無法離線使用。需要離線的話,可以從 GitHub 下載原始碼在本機架設,執行 npm installnpm run dev 即可啟動

誰該用 Globe 3D,誰該跳過

適合使用:需要快速產出 3D 地球視覺素材的設計師、需要在簡報或社群貼文中加入立體地球的行銷人員、想快速預覽地圖貼圖效果的開發者。

不適合:需要互動式 3D 地球(可點擊、可縮放嵌入網站)的人(請改用 Globe.gl 或 Cesium.js 等函式庫直接開發)、需要 3D 模型檔案(OBJ、GLTF)的人(請改用 Blender)、需要頻繁更新或技術支援的商業專案(這個專案已停止活躍開發)。

三個立即可以做的下一步

  1. 準備一張 2:1 比例的世界地圖圖片:到 免費圖庫 找一張至少 2048px 寬的等距柱狀投影地圖,這是讓轉換效果最好的前提。判斷標準:圖片的左右邊緣能無縫銜接。
  2. 上傳到 Globe 3D 並下載截圖:開啟 Globe 3D 官網,上傳圖片,旋轉到滿意的角度後下載 PNG。你會在 30 秒內得到一張可用的 3D 地球圖片。
  3. 用設計工具加工輸出圖片:下載的截圖可以匯入 Figma、Canva 或 Adobe Creative Cloud Express,加入文字、品牌元素或配色調整,完成最終的視覺素材。

常見問題(FAQ)

Globe 3D 需要付費嗎?

不需要。Globe 3D 完全免費,採用 MIT 開源授權。線上版工具、Figma 外掛、GitHub 原始碼全都免費。不過下載的圖片是當前視角的 2D 截圖,不是 3D 模型檔案。

支援哪些圖片格式?

支援常見的 JPG 和 PNG 格式。WebP 或其他格式可先透過 AnyWebPAnyConv 轉換成 PNG 再上傳。

上傳的圖片有大小限制嗎?

官方沒有明確的檔案大小上限,但建議使用解析度適中的圖片。過大的圖片會導致瀏覽器渲染變慢。2048×1024 或 4096×2048 在效能和畫質之間能取得不錯的平衡。

下載的圖片可以商用嗎?

Globe 3D 工具本身採用 MIT 授權,允許商業使用。但你上傳的圖片內容必須是你擁有使用權的素材,建議從 免費圖庫 中選擇 CC0 或可商用的素材。

轉換後的地球有接縫怎麼辦?

接縫通常是因為圖片不是標準的等距柱狀投影格式。確保圖片的左右邊緣能無縫銜接,使用 2:1 比例的圖片能有效減少接縫問題。

Globe 3D 免費將 2D 平面圖片轉換成 3D 球體立體圖,提供 Figma 外掛與線上免費下載圖片Pin

Globe 3D 評價推薦優點

  • 將 2D 圖片瞬間轉換成 3D 球體
  • 提供 Figma 外掛可直接在設計工具中使用
  • 可上傳圖片並即時瀏覽與操作 3D 球體
  • 可免費下載轉換球體後的 2D 截圖
  • 支援分享連結讓他人查看你的 3D 地球
  • 完全免費開源,MIT 授權可商用
  • 操作簡單直覺,無需註冊或安裝軟體
  • 支援即時互動旋轉、縮放與平移操作

Sliven 褚崇名
Sliven 褚崇名

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

文章: 678

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


目錄
Share to...