> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 画像ブロック

> プロフィール写真、ロゴ、バナーをメール署名に追加し、トリミング、角丸、サイズ調整を行い、画像にURLを設定できます。

画像ブロックは、プロフィール写真、会社ロゴ、バナーなど、署名内のあらゆるビジュアル要素を扱います。

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/signature-editor-canvas.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=277601f9b630813e10eb6fef13e9435b" alt="メール署名エディターのキャンバス" width="3456" height="1930" data-path="images/signature-editor-canvas.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/image-block-settings-panel.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=1df7683dc1205f596ad16e7e5879daef" alt="トリミング、角丸、サイズ調整のコントロールを備えた画像ブロック設定パネル" title="トリミング、角丸、サイズ調整のコントロールを備えた画像ブロック設定パネル" className="mx-auto" style={{ width:"34%" }} width="692" height="1762" data-path="images/image-block-settings-panel.png" />
</Frame>

## 画像ソース

**画像を選択**をクリックして新しい画像をアップロードするか、[画像ライブラリ](/ja/editor/image-library)から選択してください。

パネルは画像の状態に応じて変化します。

* **未設定**:プレースホルダーと「Select image」ボタンが表示されます
* **アップロード済み**:画像のプレビューと、差し替え・調整のオプションが表示されます
* **プロフィール写真**:Google Workspaceから同期されている場合、Googleアイコンが表示され、チームメンバーごとに画像が自動更新されることを示します

<Note>
  [Google Workspace](/ja/editor/google-workspace-directory)から同期されたプロフィール写真は、チームメンバーがGoogleプロフィール写真を変更すると自動的に更新されます。手動で管理する必要はありません。
</Note>

## リンク

URLを設定すると画像をクリック可能にできます。会社ロゴをWebサイトに、バナーをランディングページにリンクする場合などに便利です。

## スタイル

| 設定         | 内容                                                                       |
| ---------- | ------------------------------------------------------------------------ |
| **Crop**   | トリミングツールを開き、画像の表示範囲を調整します                                                |
| **Radius** | ピクセル単位の角丸:`0`で角を直角に、値を大きくするほど角が丸くなり、十分大きな値で完全な円形のトリミングになります(プロフィール写真に最適) |

## サイズ

**幅** と **高さ** をピクセル単位で設定します。これらは署名内での画像の表示サイズを制御します。

<Tip>
  プロフィール写真には、幅と高さを同じ値にし、角丸を大きく設定すると、きれいな円形になります。
</Tip>

## レイアウト

パディングは画像ブロックの周囲の余白を制御します。

## 関連記事

* [ブロックを追加](/ja/editor/add-blocks)
* [スタイル設定パネル](/ja/editor/styling-panel)
* [バッジブロック](/ja/editor/badge-blocks)