圖像資源準備

註冊映像資產¶

圖像素材註冊 在社群和網頁商店展示的所有圖像內容，需在製作後直接透過控制台進行註冊。圖像尺寸可在控制台註冊素材時確認。

指南應用範例¶

這是按照推薦指南配置圖像素材的PC端螢幕範例。

社群¶

網頁商店¶

圖像素材構成¶

遊戲 BI¶

• BI 整體尺寸
• BI 整體尺寸包含留白（紅色區域）。
• BI 整體尺寸：264*124px

社群 PC Background¶

• 背景顏色
  • 請使用 HEX 代碼指定背景顏色值。（例：#FFFFFF）
  • 製作背景圖像前，請將指定的背景顏色作為基準顏色 (Primary Background Color) 使用。
• 背景圖像 (Background Image)
  • 製作時請保持與指定背景顏色的色調/飽和度/亮度的協調。
  • 請避免背景顏色與圖像之間的對比度過大。
  • 推薦製作尺寸：2880*1240px
• 主視覺區域 (Hero / Main Visual Area)
  • 請將起到頁面門面（Hero）作用的核心訊息及代表視覺元素配置在主視覺區域內。
  • 主要元素（標題、核心文案、代表圖像）請配置在安全區域內以防被裁切。
  • 主視覺區域尺寸：1920*330px
• 基準螢幕 (作業基準)
  • 所有設計稿請以基準螢幕解析度為準進行版面設計。
  • 基準螢幕尺寸：1920*1080px
  • (建議) 主要資訊以 1920 為基準置中對齊，左右擴充區域用背景圖形處理。

網頁商店 PC Background¶

• BG 圖像 Max 尺寸（紫色區域）建議為 5120*2880px。
• BG 圖像的比例感請以 Basic 尺寸（紅色區域）1920*1080px 為基準。
• 請留空中央的社群內容區域（綠色區域，width 1080px）。
• 請在中央社群內容區域的左右兩側均衡地配置 BG 的主圖像。
• 以 Top/Center 為基準，1920*1080px 以上的區域請降低背景圖像的密度。

網頁商店頁首¶

• 以頁首圖像適用的尺寸為基準。
  • PC 適用尺寸：1080*340px
• 保持圖像比例進行縮放以適應行動裝置，最小尺寸為寬度 640 pixel。
• 行動裝置將與 GNB 和標題一起構成。

主橫幅¶

• 橫幅圖像請以 PC 適用尺寸為基準製作。
• 適用尺寸：800*450px
• 註冊時，建議橫幅圖像大小為適用尺寸的 2 倍。
• 註冊推薦尺寸：1600*900px
• 橫幅以製作的原尺寸為基準保持比例，透過縮放適應至行動裝置。
• 請在推薦尺寸內根據活動、更新等目的自由構成。

總計¶

• 這是在訪問社區時以彈出形式顯示的圖像
• 橫幅分為主要橫幅和主要彈出橫幅，兩者均可在與遊戲主橫幅相同的解析度（800*450px）下使用。

頁尾 CI¶

• CI 應用指南
  • 該 CI 圖像作為單一資源（1種）管理，並同樣適用於行動版/PC 版視圖。
  • 該 CI 圖像固定比例，以基本尺寸為基準應用。
  • CI 圖像基本尺寸：160*40px

SNS 分享圖¶

• 分享圖片指南
  • 製作圖像時請保持 2:1 的長寬比。
  • 即使需要調整大小，也請固定比例 (2:1) 以防變形。
  • 分享圖片基本尺寸：800*400px

OPEN Graph Image¶

• 請以 Wide（橫向）格式為基準製作基本顯示形式。
• 根據顯示環境，可能會被裁切/顯示為 Square（正方形）比例，因此主要元素（文字/Logo/核心視覺）必須放置在中央安全區域以防被裁切。
• 圖像推薦尺寸：1200*630px
• 圖像最小尺寸：600*315px 以上