在今天推出的 Steam 測試版用戶端中，Steam 商店頁面的寬度現在從 940px 改為 1200px。 這項變更作為我們對 Steam 商店各個部分的改善之一，目的是為了讓版面設計更加現代化，並為使用較大螢幕的玩家提供更佳體驗。

此外，我們也為遊戲開發者新增了上傳高品質影片檔的功能，以在其遊戲的文字說明欄位顯示。 在大多數情況下，這個支援上傳 .mp4 或 .WebM 的新功能比起以前僅支援 .gif 檔案的功能，將能帶來更高的品質，且降低檔案大小。

請繼續閱讀以了解此次更新的更多詳情。

更寬的回應式商店頁面

若玩家選擇使用 Steam 測試版用戶端，現在向其顯示的個別產品頁面及整體商店選單的最大寬度為 1200px。 這在許多方面改善了購物體驗、能呈現更大的螢幕擷圖和宣傳片，並為各位在文字說明欄位提供更多空間來描述遊戲功能。 當然，頁面仍會在較小的螢幕或較小的瀏覽器視窗上適當縮小顯示。

主要內容欄位寬度現在為 780px

大多數開發者無需操取任何動作，其遊戲的商店頁面在較寬的新格式中也能良好地顯示。 但是，若各位在文字說明欄位中內嵌的圖片，其寬度設計為正好符合舊頁面的寬度，可能需要替換為寬度至少 780px 的圖片，才能填滿頁面的主要內容欄位。

靜態影像方面，建議將圖片解析度設定兩倍（寬 1560px），以在高 DPI 顯示器上呈現更佳的品質。

不必擔心上傳的資產超過確切尺寸，因為 Steam 會接受各位擁有的最大圖片，並為其建立能在商店頁面上顯示的適當尺寸版本。

如果上傳較大的圖片，Steam 將自動將其縮小以符合頁面的寬度，並在圖片上提供一個按鈕，讓使用者開啟更大版本的圖片。

在這段過渡期間，任何為新頁面寬度設計的新資產都可與舊頁面寬度相容。

在預覽模式中測試頁面

在編輯商店頁面並選擇預覽進行中工作的選項時，現在可找到更寬的新版本的預覽畫面。 這樣可讓各位正確檢視，當這項變更全面推出時，文字說明中包含的圖片和影片如何向玩家顯示。

您也可以選擇參與 Steam 測試版用戶端（於此了解如何參與），以更寬的新頁面瀏覽整個 Steam 商店，並在 Steam 桌面用戶端中探索商店內容。

如果各位現有的圖片在商店頁面上居中顯示會有更好的效果，現在可以使用新的格式選項輕鬆做到這一點。 關於新的對齊選項詳情，請見下方。

說明欄位中接受新的影片檔案格式

Steam 長久以來一直支援以 .gif 檔案做為在商店頁面說明欄位中包含動畫影像的方式。 但是，我們聽到越來越多開發者要求支援更多檔案格式選項，以提供更好的品質和色彩深度。 我們現在做到這一點了：現在各位可上傳高品質的影片檔案（.mp4 或 .WebM）來展示遊戲特色、示範特殊遊戲機制，或單純為商店頁面添加點視覺效果。

請不必擔心特定的壓縮或品質設定，因為 Steamworks 後端會將其轉碼為可在桌面、Steam Deck 和 Steam 行動應用程式上良好顯示的輕量高品質影片格式。

支援的檔案格式和限制

新上傳的影片和圖片會有以下的限制：

• 動畫資產的最大時長為 12 秒
• 我們可接受的來源檔案大小上限為 100MB，雖然各位很可能不會接近這個上限
• 各位可以上傳任何尺寸的資產，但過大的尺寸會重新縮放為最大 4096x8192
• 支援上傳 PNG、JPG、GIF、WebP、WebM、MP4 檔案
  
  

現有的圖片已經過重新編碼

為了支援影片檔案上傳，我們首先重新打造了整個圖片上傳的流程，並重新處理了現有商店頁面上的圖片和 GIF 檔。 我們也處理了一些我們發現的罕見狀況，解決其中的顏色深度、透明度或其它轉換錯誤。 但如果各位發現上傳到商店頁面說明欄位的圖片有任何異常，請告訴我們。

所有商店頁面圖片類型的最佳做法

• 避免在圖片中包含小型文字，因為在行動裝置上可能難以閱讀
• 另請注意，螢幕閱讀器無法解析圖片中包含的任何文字。 如果會在圖片中包含文字，請為圖片設置可用的替代文字。 在商店頁面編輯器中，自訂圖片的上傳區域底部會出現一個用於編輯替代文字的按鈕
• 所有動畫資產盡量保持簡短：不得超過 12 秒
• 考量到終端使用者，以及他們需要下載多少內容才能閱讀遊戲文字說明。 請適量使用圖片和動畫資產，並確保有明確的使用目的
  
  

額外功能：文字和圖像對齊支援

我們還隨著這次更新，一併新增了在文字說明中對齊每一行的支援。 現在，各位可以將圖片或標題置中，更靈活地呈現遊戲內容。

若文字說明欄位中的現有圖片是特別為在較窄的舊商店頁面上置中而設計，現在可以使用新的對齊選項，輕鬆確保圖片在較寬的新商店頁面上置中。

常見問答

問： 測試過程將會持續多久？

答： 如果一切順利，測試只會持續幾週，然後就會向所有人公開推出。 我們希望讓遊戲開發者有足夠的機會上傳新的商店頁面資產，並確認我們有足夠的時間處理任何在內部測試期間沒有遇過的編碼問題。

問： 為何現在進行這些商店頁面變更？

答： 我們一直持續改善 Steam 商店購物體驗的各個方面，讓其更加現代化。 近期推出新的商店瀏覽方式（目前仍在測試中），以及宣傳片播放器更新就體現了這一點。 這些工作包含了更新頁面排版，以善加利用現代螢幕大小和解析度，同時最佳化頁面載入，以改善在行動與手持裝置上的顯示。 接下來幾週和幾個月請密切注意更多關於商店各個區域更新的公告。

問： 有多少個 GIF 檔被轉碼？

答： 在我們將商店頁面上所有現有資產批次轉換的過程中，有超過 292,000 個 GIF 檔轉換為影片檔。 過程中，我們發現有些 GIF 檔會根據顏色深度、透明度、長度和動畫圖像的複雜度，而有不同的壓縮效果。 因此，我們為每張圖片分別產生了 MP4、WebM 和 WebP 檔，接著選擇最小的檔案在商店頁面上顯示。 大家都知道動畫 GIF 檔會使用效率不高的壓縮演算法，因此這個處理過程使檔案大小平均縮小了 87%。

問： 你們都怎麼念 GIF，是 G 還是 J 開頭？

答： Steam 團隊對此讀音也意見不一。 無論各位想怎麼發音，如果要在網路上發表高見，請做好要進行激烈辯論的準備。