# 各種画像サイズ

### カバー画像 <a href="#cover" id="cover"></a>

キービジュアル・サブ画像のことです。横16:縦9に必ず合わせてください。

ピクセル例→1280px：720px ・ 1920px：1080px

<figure><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2F7l8w2KuLgAEMh4dscMpT%2Fimage.png?alt=media&#x26;token=af96cf65-c6c8-4b28-8f68-73043a2441a3" alt="" width="375"><figcaption></figcaption></figure>

### キャラクター画像 <a href="#character" id="character"></a>

正方形です。縦長・横長の画像をアップロードすると、左右または上下に白い空白ができます。

ピクセル例→500px：500px（数が揃っていれば何でも可）

<figure><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2F6ba6ItOAM4Bs8rffRf1z%2Fimage.png?alt=media&#x26;token=18b4a26b-ff71-4266-b1de-c9b329fd5c1c" alt="" width="334"><figcaption></figcaption></figure>

### 手がかり画像 <a href="#clue" id="clue"></a>

一覧では正方形（左右が自動トリミング）、詳細では横16：縦9です。\
横16：縦9に合わせつつ、文字や画像のような重要な情報を中央に配置するとよいでしょう。

ピクセル例→1280px：720px ・ 1920px：1080px

<figure><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2FXQbfNe80njA2c2s8UGBP%2Fimage.png?alt=media&#x26;token=f1a5f464-b006-4c4b-8141-8f7980656a43" alt="" width="563"><figcaption></figcaption></figure>

### 背景画像 <a href="#background" id="background"></a>

プレイヤーが使用する端末のサイズによって変わるため固定の値はありません。横9：縦16、横3：縦4のような縦長の画像にしておくとよいでしょう。

プレイ画面では、画像の縦幅＝画面の縦幅になるよう自動で調整されます。

### 動画 <a href="#movie" id="movie"></a>

プレイヤーが使用する端末のサイズに合わせて、上下左右に自動で黒背景が適用されるため、固定の値はありません。

### 作家プロフィールのヘッダー <a href="#header" id="header"></a>

プレイヤーが使用する端末のサイズによって変わるため固定の値はありません。横16：縦9、横2：縦1のような横長の画像にしておくとよいでしょう。

<figure><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2F8KwgdbQ1YTcJt3cANxd4%2Fimage.png?alt=media&#x26;token=09eebcc9-f869-46da-a59b-2720d84a60f9" alt=""><figcaption></figcaption></figure>
