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

Globe 3D 是一款免費開源的線上工具，能將任何 2D 平面地圖圖片瞬間轉換成可互動旋轉的 3D 球體。不論你是 UI 設計師、簡報製作者，還是需要製作全球視覺化內容的行銷人員，只要上傳圖片就能看到即時的 3D 地球效果，還能免費下載轉換後的畫面。

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

Globe 3D 是什麼？適合哪些人使用？

Globe 3D 是由印尼開發者 Sonny Lazuardi 所建立的免費開源專案，底層採用 React Globe.gl 函式庫來渲染 3D 球體。整個工具的運作原理很直覺：你準備一張等距柱狀投影（Equirectangular Projection）的平面地圖或世界圖片，上傳後系統會自動將這張 2D 圖片貼到 3D 球體表面，產生一顆可以自由旋轉、縮放、平移的立體地球。

這個工具特別適合以下幾種情境：

• UI/UX 設計師：需要在介面中加入 3D 地球元素的設計稿，例如全球據點展示、跨國服務頁面的 Hero 圖
• 簡報與社群圖片製作：想要在投影片或社群貼文中展示世界觀的視覺內容
• 網頁開發者：想要快速預覽地圖貼圖在 3D 球體上的效果，再自行整合到網站中
• 教育與資料視覺化：需要將地理資訊以 3D 方式呈現給觀眾

如果你的需求是將圖片轉換成其他 3D 物件（例如書本、盒子），可以參考我們介紹過的 3D Book Image CSS Generator，它專門用來建立立體書本展示效果。

Globe 3D 核心功能與特色

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

對於經常需要處理圖片格式轉換的讀者，我們也推薦試試 AnyConv 免費線上轉檔服務，它支援超過 400 種檔案格式轉換。如果你的圖片檔案過大，也可以先用 Compressor.io 免費線上圖片壓縮工具將圖片壓縮到適當大小再上傳。

Globe 3D 線上版完整操作教學

步驟一：進入官網並選擇使用方式

開啟 Globe 3D 官方網站 後，你會看到兩個主要選項：

• 「Figma Plugin」：點擊後會引導你安裝 Figma 外掛，適合已經在使用 Figma 的設計師
• 「Upload or Drag & Drop Image」：直接在網頁上傳圖片，適合一般使用者

Pin

步驟二：上傳 2D 平面圖片

點擊上傳區域或直接將圖片拖曳進去。建議使用等距柱狀投影的世界地圖圖片，這類圖片在轉換成球體時效果最自然。你可以從 免費圖庫懶人包 中尋找適合的地圖素材，或是使用 Flaticon 全球最大免費圖標庫 尋找相關的圖示素材。

上傳成功後，Globe 3D 會立即將你的圖片貼合到 3D 球體表面，產生一顆可互動的立體地球。

Pin

步驟三：互動操作與角度調整

轉換完成後，你可以使用以下滑鼠操作來調整 3D 地球的呈現方式：

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

持續旋轉球體直到找到你滿意的角度與構圖，這個角度就會是你下載圖片時的實際畫面。

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

調整到理想的角度後，你有三種後續操作可以選擇：

• Download Image：將當前 3D 球體畫面下載為 PNG 格式的 2D 圖片，可直接用於設計稿、簡報或社群貼文
• Copy：複製相關資訊到剪貼簿
• Share URL：產生一組獨立的分享連結，其他人點開就能看到你建立的 3D 地球

下載後的圖片如果需要進一步處理，例如提升畫質或放大尺寸，可以搭配 AI Image Enlarger 線上免費圖片放大工具，或是使用 AI Image Enhancer 免費線上增強圖片畫質工具來優化輸出結果。

Figma 外掛安裝與使用方式

如果你是 Figma 使用者，Globe 3D 也提供了專屬的外掛程式，讓你不需要離開設計環境就能完成 2D 轉 3D 的操作。安裝方式如下：

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

安裝完成後，你可以直接在 Figma 畫布上選取圖片，然後透過外掛將其轉換成 3D 地球。轉換後的結果會直接出現在畫布上，方便你無縫整合到設計流程中。

對於經常使用 Figma 的設計師，我們也推薦幾個實用的 Figma 格式資源：Clay Mockups 提供 Sketch 與 Figma 格式的設備模型、Free Deca UI Kit 簡潔 UI Kit 素材、以及 CSS.GG 700+ 開源免版權圖標（支援 Figma 格式），都能幫助你加速設計工作。

哪些圖片適合用 Globe 3D 轉換？

Globe 3D 的貼圖原理是將 2D 圖片以等距柱狀投影的方式包裹到球體表面，因此選擇合適的圖片會直接影響最終效果：

適合的圖片類型

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

不適合的圖片類型

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

如果你需要的是為圖片去除背景再進行轉換，可以先透過 20 款免費線上圖片去背工具推薦 找到適合的工具，或是直接使用 ClipDrop 免費線上圖片去背神器 快速處理。若需要產生獨特的背景圖，AI Background Generator 能透過關鍵字描述自動產生背景圖片。

Globe 3D 實際應用場景與案例

了解 Globe 3D 的操作方式後，以下列舉幾個實際的應用場景，幫助你判斷這個工具是否適合你的需求：

應用場景一：企業全球據點展示頁面

許多跨國企業需要在網站上展示全球辦公室或服務據點的分佈。你可以先在平面地圖上標示好各個據點位置，上傳到 Globe 3D 後產生 3D 地球，下載特定角度的截圖，就能得到一張具有立體感的全球據點視覺圖。這類圖片適合用在網站首頁的 Hero Section 或關於我們頁面。

應用場景二：社群媒體視覺內容

在製作與全球議題、國際市場、跨國合作相關的社群貼文時，3D 地球的效果比平面地圖更具視覺吸引力。你可以將品牌配色融入地圖設計中，轉換成球體後下載，再搭配 Coverview 部落格文章封面圖片產生器 或 DesignCap 免費線上圖片編輯器 加入文字與其他設計元素。

應用場景三：簡報與投影片素材

在商務簡報中加入 3D 地球的視覺元素，能讓投影片看起來更專業。你可以從不同角度下載多張球體圖片，在簡報中依序呈現，營造出地球旋轉的動態感。如果需要更進一步的圖片編輯，Adobe Creative Cloud Express 免費線上設計軟體 或 Adobe Photoshop Express 免費線上圖片編輯服務 都能幫你做後續的調整。

應用場景四：UI 設計稿中的地球元素

對於需要在全球服務頁面中加入地球插圖的 UI 設計師，Globe 3D 提供了一個快速產出高品質地球素材的途徑。你可以使用不同底圖（深色地圖、淺色地圖、品牌色地圖）來產出多個版本的地球圖片，再從中挑選最適合設計風格的版本。搭配 Coolors 線上免費配色調色盤工具 先確認配色方案，整個工作流程會更加順暢。

Globe 3D 使用限制與注意事項

雖然 Globe 3D 是一個方便的工具，但在使用前有幾個限制需要了解：

• 僅支援球體轉換：Globe 3D 只能將圖片轉換成球體，不支援立方體、圓柱體等其他 3D 形狀。如果你需要其他立體效果，例如立體書籍展示，建議使用 3D Book Image CSS Generator
• 圖片投影格式有要求：使用非等距柱狀投影的圖片時，貼合效果可能會有接縫或變形
• 下載為 2D 截圖：下載的圖片是當前視角的 2D 截圖，不是 3D 模型檔案，無法在其他 3D 軟體中繼續編輯
• 無法在地圖上標記：工具本身不提供在地圖上添加標記、連線或文字的功能，需要先在 2D 圖片上處理好再上傳
• 專案更新頻率低：截至 2026 年 5 月，GitHub 原始碼庫僅有 15 次 commit，功能相對穩定但不會頻繁更新
• 依賴網路連線：線上版需要持續的網路連線才能使用

如果你的需求超出了 Globe 3D 的能力範圍，例如需要更精細的 3D 模型或動畫效果，可能需要考慮使用 Blender 等專業 3D 軟體。如果你只是需要將圖片從一種格式轉換成另一種格式，AnyWebP 免費線上圖片轉檔工具 或 AnyConv 免費線上轉檔服務 會更實用。

Globe 3D 與其他 3D 圖片工具比較

為了幫助你快速判斷 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 球體」這個特定用途上幾乎沒有直接競爭對手。如果你的需求正好是將平面圖片變成立體地球，Globe 3D 是目前最簡單也最免費的選擇。若是需要將圖片轉為向量格式以便進一步編輯，Vectorizer.AI 能將 JPEG、PNG 轉換成 SVG 向量圖。

圖片素材準備建議

要讓 Globe 3D 的轉換效果達到最佳，圖片素材的準備是關鍵。以下是一些實用的建議：

• 圖片長寬比：建議使用 2:1 比例的圖片（例如 2048×1024 或 4096×2048），這是最適合等距柱狀投影的尺寸
• 解析度：建議至少使用 1024px 寬以上的圖片，解析度太低會導致球體表面模糊。如果手邊只有小圖，可以先用 AI Image Upscaler 免費線上圖片放大工具 或 Bigjpg 線上免費 AI 圖片放大工具 進行無損放大
• 圖片格式：支援常見的 JPG、PNG 格式。若是 WebP 格式，可先透過 AnyWebP 轉換成 PNG 再上傳
• 素材來源：可以從 免費圖庫懶人包 中的 47 個免費圖庫網站尋找適合的地圖或紋理素材，也可以使用 CleanPNG 百萬張去背素材線上圖庫 或 Free Vector Illustrations 免費插圖素材 找到需要的元素
• 色彩選擇：深色背景的地圖在轉換成球體後通常更具視覺效果，建議使用 Coolors 配色工具 規劃好色彩方案後再製作底圖

開發者與技術背景

Globe 3D 是由印尼獨立開發者 Sonny Lazuardi 所建立的開源專案。從技術層面來看，這個工具使用了以下技術架構：

• 前端框架：Next.js（TypeScript），部署在 Vercel 平台上
• 3D 渲染：React Globe.gl 函式庫，這是一個基 on Globe.gl 的 React 封裝
• 樣式框架：Tailwind CSS
• 資料儲存：Supabase（用於 Share URL 的圖片儲存功能）
• 授權方式：MIT License，可自由使用、修改與商業應用

截至 2026 年 5 月，GitHub 原始碼庫累積了 147 顆星、6 個 Fork。雖然專案的更新頻率不高，但核心功能穩定，對於一般使用場景來說已經足夠。如果你具備開發能力，也可以自行 Fork 原始碼來客製化功能。

原始碼庫中作者也曾在 Twitter 上展示過 Figma Plugin 的效果示範，對於想了解外掛運作方式的讀者可以前往參考。

常見問題（FAQ）

Globe 3D 需要付費嗎？

不需要。Globe 3D 完全免費，且採用 MIT 開源授權。你可以免費使用線上版工具、免費下載 Figma 外掛，原始碼也可以從 GitHub 自由下載。不過要注意，下載的圖片為當前視角的 2D 截圖，並非 3D 模型檔案。

Globe 3D 支援哪些圖片格式？

支援常見的 JPG 和 PNG 格式。如果你的圖片是 WebP 或其他格式，建議先使用 AnyWebP 線上圖片轉檔工具 或 AnyConv 免費線上轉檔服務 將圖片轉換成 PNG 格式後再上傳。

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

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

Globe 3D 可以離線使用嗎？

線上版需要網路連線。如果你需要離線使用，可以從 GitHub 下載原始碼並在本機架設。由於專案採用 Next.js 框架，只需要執行 npm install 和 npm run dev 就能在本機啟動開發伺服器。

下載的圖片可以用於商業用途嗎？

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

Figma 外掛安裝後找不到怎麼辦？

在 Figma 中點擊左上角選單，選擇 Plugins，已安裝的外掛會出現在清單中。如果還是找不到，可以到 Figma Community 搜尋「Globe 3D」重新安裝。

除了地球，Globe 3D 還能轉換成其他形狀嗎？

目前僅支援球體轉換。如果你需要將圖片轉換成書本、盒子等其他 3D 形狀，可以參考 3D Book Image CSS Generator。如果你需要產生有機形狀的圖形，Blobs 線上免費產生 Blobs 圖形 是另一個選擇。

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

接縫通常是因為上傳的圖片不是標準的等距柱狀投影格式。確保圖片的左右邊緣能夠無縫銜接，這樣貼合到球體表面後就不會出現明顯的接縫線。使用 2:1 比例的圖片也能減少接縫問題。