画像：プロフィール写真、ヘッダー、背景

ページの画像は、常にワークスペースのアセットから使います。この記事では、プロフィール写真、ヘッダー画像、ロゴ、背景画像を設定する場所、必要なサイズ、トリミングの仕組みを説明します。

#テンプレートの画像枠

どのテンプレートにも「プロフィール写真」や「ヘッダー画像」などの決まった画像枠があります。ブロックもリンクも選択していないときに、ビルダーの右側の「ページ設定」→「プロフィール」にあります。

「選択」

アセットを開きます。画像のサイズが合っていれば、すぐに設定されます。

「切り抜く」または「端末から選ぶ」

トリミングツールを開きます。そこで画像を合うように切り抜くか、デバイスのファイルを選びます。

「管理 ↗」

ワークスペースのアセットページを新しいタブで開きます。

「削除」

「この画像を本当に削除しますか？」という確認の後、画像を枠から外します。アセット自体は残ります。

プロフィール写真以外の各画像枠の下に、目標のサイズ（例：「1500 × 500 px」）が表示されます。画像枠はすぐに保存され、次に公開したときに反映されます。

#画像サイズ

ビルダーでは、目標のサイズとちょうど同じでない画像には、自動的にトリミングツールが開きます。すでに目標のサイズとちょうど同じ画像は、コピーを作らずにそのまま使われます。「受け付けられるサイズ」の列は、APIやAIアシスタントで画像を設定する場合に適用されます。その場合、この範囲に合わない画像は拒否されます（例：「画像は 1920×1080 px で、この画像枠に合いません。256×256 px の画像が最適です。」）。

#画像をトリミングする

1. 画像枠の「切り抜く」または「端末から選ぶ」をクリックします
2. 必要に応じて、「端末から選ぶ」でファイル（PNG、JPEG、WebP、GIF）を選びます
3. 画像をドラッグして表示範囲を動かします。スライダーやマウスホイールで最大4倍まで拡大できます
4. 「全体を表示」で画像全体を合わせ、「全面に合わせる」で領域を埋めます
5. 「適用」をクリックします

結果は新しいアセットとして保存されて設定されます。画像に透明な部分があればPNG、それ以外はJPEGです。元の画像はアセットにそのまま残ります。

#プレビュー画像としてのプロフィール写真

プロフィール写真は、ページがメッセンジャーやSNSで共有されたときのプレビュー画像にもなります。そこで別の画像を表示したい場合は、ページエディターの「SEO」で「OG画像」（推奨1200 × 630 px）を設定してください。SEOとSNSのプレビューをご覧ください。

#ブロックとリンクの画像

• 画像ブロックとギャラリー：「アセットから選択」または「画像を追加」でアセットの画像を使います
• リンク：ミドルのレイアウトでは「アイコン」、マキシマルのレイアウトでは「リンクの画像」を、リンクエディターで設定します
• 強調したリンク：「強調画像」
• ページの背景：「テーマ」タブの「背景」→「画像」。デザインをご覧ください

これらの選択画面には、すでにアセットにある画像だけが表示されます。新しい画像は「ワークスペース」→「アセット」でアップロードしてください。「画像がありません — 先にアセットをアップロードしてください。」は、ワークスペースにまだ画像がないことを意味します。

#アップロードとストレージ

• 1ファイルあたり最大10 MB
• 画像：JPEG、PNG、WebP、GIF。SVGには対応していません
• 動画（背景動画用）：MP4、WebM、MOV
• 音声（ファイルダウンロード用）：MP3、M4A、WAV、OGG、WebM
• ドキュメント（ファイルダウンロード用）：PDF、ZIP
• ファイルの種類は、拡張子ではなくファイルの中身から判断されます

トリミングするたびに新しいアセットが作成され、上限の数に含まれます。アセットライブラリについて詳しくはアセットをご覧ください。

#テンプレートを切り替えた後

テンプレートを切り替えると、ヘッダー画像、ロゴ、背景画像を含むすべての画像枠がリセットされます。ただし画像はアセットに残っているので、選び直すだけで済みます。詳しくはテンプレートの選択と切り替えをご覧ください。