如何從手機批次上傳商品照片到 WooCommerce

如果你經營一個 WooCommerce 商店，商品照片就是一切。看不到清晰、光線良好的商品圖片的顧客，不會下單購買。挑戰不在於拍攝照片——而在於如何有效率地將它們從手機傳到你的 WooCommerce 商品列表上，尤其是當你有幾十或幾百種商品需要拍攝時。

本指南涵蓋了完整的流程：用手機拍攝商品照片、批次上傳到你的 WordPress 媒體庫，以及將它們指定給 WooCommerce 商品。我們將介紹商店主實際使用的實用工具和技巧，而非看起來美好、實際操作卻行不通的理論性工作流程。

為什麼手機商品攝影可行

先回答一個顯而易見的問題：你真的可以用手機拍攝商品照片，並讓它們看起來足夠專業，適合用於網路商店嗎？

可以。現代智慧型手機相機拍攝的圖片對電商來說綽綽有餘。決定商品照片品質的關鍵變數是光線、背景和一致性——這些都不取決於你的相機。

以下是一個花費不到 NT$1,500 的基本商品攝影設置所需的器材：

• 白色背景 — 一張大張的白色海報板或泡棉板，靠牆彎曲以形成無縫背景
• 兩盞桌燈 — 置於商品兩側 45 度角位置。使用晝光色燈泡（5000K-5500K）以獲得自然色調。
• 手機三腳架 — 消除手震，確保拍攝之間有一致的構圖
• 你的手機 — 近三年出的任何手機都適用

有了這個設置，你可以拍攝出堪比 DSLR 和工作室燈光的清晰商品照片，至少在網頁尺寸的圖片上是如此。顧客是在螢幕上看你的商品，而不是將它們印在廣告看板上。

高效率地拍攝商品照片

批次安排拍攝

最大的時間節省技巧就是批次作業。不要拍完一件商品、上傳它、建立列表，然後再換下一件。改為：

1. 一次性設置好攝影站
2. 依序拍攝所有商品
3. 一次性批次上傳所有照片
4. 將照片指定給商品

這種流水線方式速度明顯更快，因為你不必在拍攝、編輯、上傳和建立列表之間不斷切換。每個步驟都有其自身的設置成本，而批次作業可以將這個成本分攤到所有商品上。

每件商品的標準拍攝角度

WooCommerce 支援一張主要商品圖片和一個商品圖庫（多張附加圖片）。對於大多數商品，目標是三到五張圖片：

• 主圖 — 主要商品圖片，通常是在白色背景前的正面視角。這是出現在你的商店網格和搜尋結果中的圖片。
• 45 度角 — 展示正面視角無法呈現的深度和立體感
• 細節特寫 — 重要功能、紋理、標籤或工藝細節的特寫
• 尺寸對比 — 商品旁邊放一個常見物品（手、硬幣、尺子），讓顧客了解尺寸
• 使用情境 — 穿著、手持或在情境中使用的商品（非必要但對轉換率很有效）

命名你的檔案

上傳前，用描述性名稱重新命名你的檔案。這對 SEO 很重要，在媒體庫中管理數百張商品圖片時也會讓你省很多麻煩。

好的命名格式：商品名稱-角度.jpg

• blue-canvas-tote-front.jpg
• blue-canvas-tote-detail-stitching.jpg
• blue-canvas-tote-scale.jpg

避免使用：IMG_4821.jpg、photo_2026_02.jpg、product1.jpg

大多數行動照片編輯器讓你設定自訂匯出檔案名稱。例如，Lightroom Mobile 讓你在匯出設定中定義檔案命名範本。

批次上傳商品照片

照片拍攝和編輯完成後，你需要將它們放入你的 WordPress 媒體庫。這裡是批次上傳能力發揮重大作用的地方。

方法一：專用上傳 App（推薦）

對於基於手機的工作流程，最快速的方法是使用能直接連接到你的 WordPress REST API 並支援批次上傳的 App。例如，SnapPress 讓你一次選取多達 20 張照片，並直接將它們推送到你的媒體庫。對於典型的 50-100 張商品拍攝，那只需要三到五個上傳批次——總共大約兩到三分鐘。

這種方法的關鍵優勢是你的圖片立即在媒體庫中可用，以正確的方式在 WordPress 中登錄，準備好指定給 WooCommerce 商品。沒有額外步驟，不需要檔案登錄，不需要桌機。

如果你管理多個商店，多站點支援意味著你可以在 WooCommerce 安裝之間切換，並從同一個 App 上傳商品照片到每個商店。

方法二：WordPress 後台（瀏覽器）

你可以透過 WordPress 後台直接上傳，前往「媒體 > 新增媒體」。拖放上傳器在桌面瀏覽器上運作，但在行動裝置上預設使用標準的檔案選擇器。你可以從相機膠卷選取多張圖片，但體驗很笨拙——行動瀏覽器上傳器不是為批次操作設計的，而且大型上傳在行動數據連線上經常逾時或失敗。

這種方法在緊急情況下可用，但不建議用於定期批次上傳。更深入了解媒體庫管理，請參考我們的完整 WordPress 媒體庫指南。

方法三：WooCommerce CSV 匯入（適用於大型商品目錄）

如果你正在建立一個有數百種商品的新商店，WooCommerce 內建的 CSV 匯入工具可以批次將圖片指定給商品。流程如下：

1. 先將所有商品圖片上傳到媒體庫（使用上述任何方法）
2. 建立包含商品資料的 CSV 檔案，在「圖片」欄中填入圖片 URL
3. 透過「WooCommerce > 商品 > 匯入」匯入 CSV

這種方法對初始商店設置或大型商品目錄更新很有效，但需要比其他方法更多的準備工作。你需要知道每張已上傳圖片的完整 URL（例如 https://yourstore.com/wp-content/uploads/2026/02/blue-canvas-tote-front.jpg），並正確格式化 CSV。

在 CSV 的圖片欄中，多張圖庫圖片用逗號分隔。第一張圖片成為主要商品圖片，後續圖片被新增到圖庫：

https://yourstore.com/wp-content/uploads/2026/02/blue-canvas-tote-front.jpg, https://yourstore.com/wp-content/uploads/2026/02/blue-canvas-tote-angle.jpg, https://yourstore.com/wp-content/uploads/2026/02/blue-canvas-tote-detail.jpg

將照片指定給 WooCommerce 商品

一旦你的圖片在媒體庫中，你需要將它們指定給正確的商品。以下是如何有效率地完成這件事。

設定主要商品圖片

1. 前往你 WordPress 後台的「商品 > 所有商品」
2. 點選你要編輯的商品
3. 在右側邊欄中，找到「商品圖片」面板
4. 點選「設定商品圖片」
5. 從媒體庫選取圖片（你上傳的圖片會在頂部，按最新排序）
6. 點選「設定商品圖片」

新增圖庫圖片

1. 在同一個商品編輯頁面，找到「商品圖庫」面板（在商品圖片下方）
2. 點選「新增商品圖庫圖片」
3. 按住 Ctrl（Windows）或 Cmd（Mac）同時點選，或在行動裝置上逐一點選，即可選取多張圖片
4. 點選「新增到圖庫」
5. 拖動圖片以重新排序（第一張圖庫圖片通常在商品燈箱中顯示為第二張圖片）

批次指定技巧

如果你要同時為多件商品指定圖片，以下是一些效率技巧：

• 使用快速編輯功能 — 從商品列表（商品 > 所有商品）中，將滑鼠懸停在商品上並點選「快速編輯」。雖然快速編輯不允許直接更改圖片，但它對於在圖片更新的同時批次更新其他商品資料很有用。
• 在多個瀏覽器分頁中工作 — 在不同分頁中開啟多個商品編輯頁面，這樣你可以在商品之間快速切換，而不需要等待完整的頁面載入。
• 篩選媒體庫 — 選取圖片時，使用搜尋欄按你描述性的檔案名稱篩選。如果你的檔案命名良好（例如 blue-canvas-tote-*），找到正確的圖片幾乎是瞬間完成的。
• 依商品順序上傳圖片 — 如果你按順序拍攝和上傳商品，媒體庫會自然地以相同順序顯示它們，使指定工作更快。

WooCommerce 的圖片最佳化

商品頁面速度直接影響轉換率。Amazon 著名的研究發現，每 100 毫秒的延遲讓他們損失 1% 的銷售額，這個規律適用於每家網路商店。大型、未最佳化的圖片是 WooCommerce 頁面緩慢的最常見原因。

圖片尺寸指南

圖片類型	建議尺寸	原因
主要商品圖片	寬 1000-1200px	大到足以支援縮放功能，小到足以快速載入
圖庫圖片	寬 1000-1200px	與主圖一致，用於燈箱瀏覽
縮圖	由 WooCommerce 自動生成	WooCommerce 自動建立商店目錄和縮圖尺寸
分類橫幅	寬 1920px，高 400-600px	在分類存檔頁面的全寬顯示

壓縮和格式

• 商品照片使用 JPEG — JPEG 在攝影圖像的檔案大小和品質之間提供了最佳平衡。目標品質為 70-85%。
• PNG 只用於需要透明度的圖片 — 對於攝影內容，PNG 檔案比 JPEG 大得多。
• 啟用 WebP 轉換 — ShortPixel 或 Imagify 等外掛可以自動為支援的瀏覽器提供 WebP 版本，在無明顯品質損失的情況下減少 25-35% 的檔案大小。
• 移除 EXIF 資料 — 你的商品照片不需要在檔案中嵌入 GPS 座標、相機設定或時間戳記。移除這些詮釋資料可以減少檔案大小，並保護你的位置隱私。

推薦的最佳化外掛

• ShortPixel — 出色的壓縮能力，有慷慨的免費方案（每月 100 張圖片）。支援 WebP 轉換，可處理新上傳和現有圖片。
• Imagify — 來自 WP Rocket 的開發團隊。介面簡潔，壓縮效果好，上傳時自動最佳化。
• Smush — 一次可免費批次最佳化多達 50 張圖片。Pro 版本新增 CDN 服務和新一代格式支援。

WooCommerce 圖片設定

WooCommerce 為每張商品圖片生成多種尺寸。你可以在「外觀 > 自訂 > WooCommerce > 商品圖片」中設定：

• 主圖寬度 — 單一商品頁面的圖片。預設為 600px，但我們建議 Retina 螢幕使用 800-1000px。
• 縮圖寬度 — 商店目錄網格圖片。預設 300px，對大多數佈景主題都適用。
• 縮圖裁切 — 你可以選擇不裁切（原始長寬比）、1:1（正方形）或自訂。正方形裁切讓你的商店網格外觀整潔統一，但可能會截掉某些商品照片的重要部分。

更改這些設定後，你需要為現有圖片重新生成縮圖。「Regenerate Thumbnails」外掛可以自動處理這項工作。

變體商品的工作流程

變體商品（不同尺寸、顏色、材質）增加了另一層複雜性。每個變體都可以有自己的圖片，顧客期望在選擇不同選項時，圖片也能跟著變化。

設定變體圖片

1. 在商品編輯頁面，前往「商品資料」區塊
2. 點選「變體」分頁
3. 展開每個變體
4. 點選圖片佔位符，為該變體指定特定圖片
5. 從媒體庫選取適當的圖片

變體商品攝影技巧

• 拍攝每個變體 — 顧客想看到他們正在購買的確切商品。藍色和紅色的上衣應該各自有獨立的照片。
• 保持角度和構圖完全相同 — 當顧客在變體之間切換時，這讓商品頁面看起來更精緻。使用三腳架，在顏色拍攝之間不要移動相機。
• 一致地命名變體圖片 — 使用類似 商品名稱-顏色.jpg 的格式（例如 canvas-tote-navy.jpg、canvas-tote-olive.jpg），使指定工作更容易。
• 一起批次上傳所有變體圖片 — 一次上傳一件商品的完整圖片組，這樣它們在媒體庫中就會按時間順序分組在一起。

管理不斷成長的商品圖片庫

一個有 200 種商品、每件 5 張圖片的 WooCommerce 商店，媒體庫中已有 1,000 張圖片，加上所有自動生成的縮圖尺寸。在沒有計畫的情況下管理這些，很快就會讓人不知所措。

整理策略

• 描述性檔案名稱 — 我們已經提過這點，但值得再次強調，因為它是最有效的整理工具。當你可以在媒體庫中搜尋「canvas-tote」並立即找到所有相關圖片時，你在每次商品更新中節省了幾分鐘。
• 使用媒體資料夾外掛 — WordPress 原生不支援媒體庫中的資料夾，但 FileBird 或 Real Media Library 等外掛新增了資料夾功能。你可以按商品類別、季節或任何對你的商店有意義的結構來整理圖片。
• 封存舊商品圖片 — 當你停售一件商品時，不要讓它的圖片繼續混雜在媒體庫中。如果你以後不再需要它們，就刪除；如果你使用資料夾外掛，可以移到「已封存」資料夾。
• 定期審查 — 每季審查一次你的媒體庫，找出未附加的圖片（已上傳但從未指定給商品或文章的圖片）。這些圖片浪費儲存空間，也讓媒體庫更難導覽。

更全面了解媒體庫管理，包括進階整理和批次編輯技巧，請參考我們的 WordPress 媒體庫指南。

常見上傳問題排除

「上傳失敗」或逾時錯誤

這通常意味著圖片檔案對你的伺服器上傳限制來說太大了。檢查你的 PHP 設定中的 upload_max_filesize 和 post_max_size。如果你無法更改伺服器設定，在上傳前調整圖片尺寸——在任何合理的上傳限制內，寬 1200px、JPEG 品質 80% 應該都能通過。

商品頁面上的圖片看起來模糊

這發生在你上傳的圖片尺寸小於你佈景主題設定的商品圖片尺寸時。WooCommerce 會放大小圖片以填充顯示區域。確保你的原始上傳至少和你 WooCommerce 自訂器中「主圖寬度」設定一樣大。

圖庫圖片順序錯誤

你可以在商品編輯頁面拖動圖庫圖片來重新排序。對於大量商品，某些 WooCommerce 管理外掛讓你批次重新排序圖片。

上傳後圖片未顯示

如果你是透過 FTP 或檔案管理器上傳的，圖片可能存在於伺服器上，但未在 WordPress 資料庫中登錄。你需要使用 REST API 或 WordPress 後台上傳器來正確登錄圖片。使用原生 WordPress 上傳 App 可以完全避免這個問題。

總結：高效率的 WooCommerce 商品照片工作流程

1. 設置簡單的攝影站 — 白色背景、兩盞燈、手機三腳架
2. 批次拍攝所有商品 — 每件商品 3-5 個標準角度
3. 在手機上快速編輯 — 裁切、曝光、白平衡。以寬 1200px、JPEG 品質 80% 匯出。
4. 以描述性名稱重新命名檔案 — 商品名稱-角度.jpg
5. 批次上傳到 WordPress — 使用批次上傳工具，以群組方式將圖片推送到媒體庫
6. 指定給商品 — 為每件商品設定主圖和圖庫
7. 最佳化 — 讓最佳化外掛自動壓縮和轉換你的圖片

持續執行這個工作流程，可以讓你在 10 分鐘內將一件完整拍攝的商品新增到你的 WooCommerce 商店，包括拍攝時間。對於每週新增 5-10 件商品的商店，與涉及桌機傳輸、手動調整尺寸和逐一上傳的臨時工作流程相比，這節省了大量時間。