TechMoon 科技月球
WordPress、SEO 與 AI 工具實測指南
Globe 3D 教學：把平面圖貼上球體，下載 PNG 前先看尺寸
Globe 3D 能把平面圖片貼到球體並下載 PNG。實測 PNG、JPEG、WebP 選圖與輸出，整理截圖尺寸、透明背景、貼圖接縫，以及本地預覽和雲端分享的差異。
用 AI 摘要這篇文章：
Globe 3D 能把平面圖片包覆到可互動的球體上，再下載目前畫面的 PNG。它適合製作簡報插圖、抽象球體或預覽地圖貼圖；如果你要的是能在 Blender 繼續編輯的 OBJ、GLTF 模型，這個下載功能並不符合需求。
開啟 Globe 3D後，可以直接選取圖片，不必先建立帳戶。先用一張不含機密資訊的圖片試做，再確認輸出尺寸與構圖是否適合你的用途。
圖片轉球體，不等於還原照片裡的立體物件
Globe 3D 做的是球面貼圖：把圖片的顏色放到球體表面，而不是辨認照片中的物件、推算深度，再生成模型。世界地圖可以變成地球外觀；一般人物照片也會被包到球面上，臉部與文字便可能拉伸。
這個差別會影響選圖方式。需要地球外觀時，找適合球面的世界地圖；需要品牌視覺時，可以先試漸層或抽象紋理。若主要目的是讓觀眾看清標語，把文字留到下載後再加，通常比直接貼在球面上更容易閱讀。
畫面上的弧線也不要當成真實航線。公開原始碼使用隨機座標產生這些線條，沒有把你圖片中的據點辨認成資料。企業全球據點或地理資訊展示，還需要另外核對資料與呈現方式。
選圖、預覽與下載：先完成一張可用的 PNG
- 等官網的球體畫面載入完成，再點 Upload or Drag & Drop Image 選取圖片。
- 確認球面已換成自己的圖案；如果仍是原本的地球，不要急著下載。
- 用滑鼠按住球體拖曳，調整到需要的視角，檢查文字、主要圖案和接縫是否落在畫面中央。
- 點 Download Image，保存下載的
globe.png。 - 打開檔案確認尺寸、背景與邊緣，再放進簡報或設計稿。
本次用同一組 1024×512 色帶圖，分別存成 PNG、JPEG、WebP，在 Chromium 桌面瀏覽器測試。三種檔案都能選取、顯示在球面上，並下載 PNG，因此不必一開始就把 WebP 轉檔。
| 輸入測試圖 | 球體預覽與下載 | 下載檔案 |
|---|---|---|
| PNG，1024×512 | 成功 | globe.png，480×480 |
| JPEG，1024×512 | 成功 | globe.png，480×480 |
| WebP，1024×512 | 成功 | globe.png，480×480 |
這組結果適用於上述測試條件，不能推論所有圖片格式、檔案大小與裝置都相同。如果選圖後沒有出現 Download Image，先等球體載入，再重新選取一張小圖片。本次第一次選檔後沒有出現下載按鈕；改為等球體可見後再選檔，三次下載都成功。
輸入大圖，不代表下載一定是高解析度
本次輸入寬度是 1024 像素，輸出仍是 480×480 PNG。公開程式碼也把球體顯示區設定為 480×480，並從畫布取得 PNG；實際輸出還可能受瀏覽器與裝置像素比例影響，因此要看下載檔案本身，不能只依上傳圖片大小判斷。
若要放在簡報的一角或小型網頁插圖，先以預定顯示尺寸檢查清晰度。若需要滿版、大型印刷或可任意改視角的模型，應先選能控制輸出尺寸或提供模型檔的工作方式。把小圖放大，不會自動補回原本沒有的真實細節。
三份測試 PNG 都含透明像素。放進設計稿後，仍建議在淺色與深色底各看一次，特別檢查球體外圍的光暈與線條。如果圖片檢視器顯示黑底，也不能只靠背景顏色判定 PNG 沒有透明度。
地圖為什麼有接縫？2:1 比例只是起點
要呈現地球，通常應準備等距柱狀投影的世界地圖，而不是任意截取一張平面地圖再縮成 2:1。圖片比例與投影方式是不同條件；把不合適的地圖拉成 2:1，不會自動修正其地理位置。
圖片左右兩端包到球面後會相遇。如果兩邊顏色、線條或紋理接不起來，就會出現接縫。可以先在平面編輯器中把圖片並排複製，檢查右邊接左邊是否自然；單純裁成 2:1，無法保證接縫消失。
靠近球體上下端的內容會聚攏，文字和人物特別容易變形。抽象紋理通常較能容忍這種效果；重要標籤、標誌與說明文字，適合保留在球體外。如果圖片中已畫了據點，還要確認它們在球面上的位置是否正確，不能只看整體像不像地球。
Download Image 與 Share Globe 的資料去向不同
Download Image 是下載目前的 PNG；Share Globe 則是另一項分享功能。公開原始碼中，選圖預覽使用 URL.createObjectURL 建立瀏覽器內的圖片網址，分享按鈕才會呼叫 Supabase，將所選檔案送到儲存空間。
因此，不要把分享連結當成本機下載的另一種名稱。若圖片包含客戶未公開的設計、個人資料或內部據點，先確認是否適合交給第三方儲存。需要交付他人時，先使用已下載的 PNG；若選擇連結分享，還要確認對方能開啟，並保留原圖，避免日後服務或連結失效便無法重做。
原始碼的設計也不等於網站的完整隱私承諾。官網還會載入第三方內容與請求，不能據此保證所有使用資訊都只留在本機。若你需要完全掌控資料處理與部署環境，就要進一步評估自行架設。
Figma 外掛與開源版本，依用途選擇
官網提供 Figma Plugin 入口，但網頁選圖下載與 Figma 外掛是不同流程。若只是想得到一張球體圖片，可以先完成網頁下載，再把 PNG 放進設計稿；要使用外掛時，應以 Figma 當下的外掛頁面、支援環境與權限說明為準。
Globe 3D 原始碼採用 MIT 授權，使用或散布程式碼時仍須保留授權要求的著作權與許可聲明。這不會替你取得地圖、照片、標誌等輸入素材的使用權，商業作品仍要另外確認素材授權。
截至本次核對，預設分支最新 commit 日期為 2021 年 9 月 16 日。這能說明目前可見的更新時間，不能推論作者未來一定不再維護。原始碼使用較舊的 Next.js 與相關依賴，且分享功能需要 Supabase 設定；自行架設前應檢查環境、依賴與儲存設定，不宜把兩行啟動指令當作完整部署方案。
如果你的目標是可點擊據點、連接資料與嵌入網站的互動地球，可以從專案使用的 Globe.gl 函式庫研究對應能力。Globe 3D 則適合先把貼圖效果做出來：確認圖案、下載 PNG，再依實際尺寸決定是否放進作品。
