Steam商店頁面將有大改動!更寬、響應更加出色

8月15日,V社發佈了一篇聲明,宣佈將會對Steam商店頁面做出較大改動。V社表示,在Steam客戶端測試版中,商店頁面的寬度會從940px改為1200px,在使其設計更現代化的同時,也希望它能為使用更大顯示器的玩家帶來更好的體驗,寬度改動就是其中之一。

遊民星空

除此之外,V社還添加了使開發者可以上傳高質量視頻,以便在遊戲的文字描述區域顯示的功能。該功能支持.mp4及.webm格式文件。在大多數情況下,與此前僅支持.gif文件時相比,視頻質量將會提高且文件大小將會縮減。

全文如下:

更寬、響應更好的商店頁面

對於加入Steam客戶端測試版的用戶,各產品頁面和整體的商店菜單將拓寬至最多1200px。這樣會在多方面改善購物體驗,既允許更大的截圖及宣傳片尺寸,也讓文字描述區有更大的空間來承載遊戲的功能描述。當然,這些頁面還是會為較小的屏幕或瀏覽器窗口適當縮小的。

主內容欄現在為780px寬

大多數開發者無需對自己遊戲的商店頁面做任何調整,也能在新的寬幅格式下獲得良好的顯示效果。 不過,如果你當初將文字描述中嵌入的圖片設定為恰好與舊頁面等寬,你可能會希望將其替換為至少780px寬的版本,以填滿頁面的主內容欄。

對於靜態圖像,我們建議目標分辨率為2倍(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團隊內部對此也意見不一。 無論你傾向哪種讀法,如果你在網上分享自己的觀點,都要做好面對激烈討論的準備。

本文由遊民星空製作發佈,未經允許禁止轉載。