> ## 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.

# 画像ライブラリ

> 画像ライブラリで署名用画像をアップロード・整理し、フォルダーに分類して、自動トリミングや背景除去で編集してから追加できます。

画像ライブラリは、署名で使用するすべての画像(ロゴ、バナー、プロフィール画像など)を一元管理する共有アセットマネージャーです。[画像ブロック](/ja/editor/image-blocks)を選択した状態で[スタイリングパネル](/ja/editor/styling-panel)の **画像を更新** をクリックすると開けます。

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/image-library-main-panel.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=05f211dc809c4eebd99fb71a91818942" alt="スタイリングパネルから開いた画像ライブラリパネル" width="3456" height="1930" data-path="images/image-library-main-panel.png" />
</Frame>

## 画像のアップロード

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/image-library-upload-area.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=5ea688eca274f6a58ac6d8812d9fdbc2" alt="ドラッグ&ドロップとファイル選択に対応した画像ライブラリのアップロードエリア" width="3456" height="1920" data-path="images/image-library-upload-area.png" />
</Frame>

画像をライブラリに追加する方法は3つあります:

* アップロードエリアにファイルを **ドラッグ&ドロップ** する
* **ファイルを選択** をクリックしてコンピューターから選ぶ
* **外部ソースからインポート**:Canva、Dropbox、Google Drive、OneDrive、Box、SharePoint

対応形式は JPEG、PNG、GIF で、最大ファイルサイズは5MBです。画像は署名に合わせて自動的にリサイズされ、後からスタイリングパネルでサイズを微調整できます。

<Tip>
  ロゴやアイコンには、背景が透明なPNGの使用をおすすめします。これにより、メールクライアントの背景色に関係なく画像をきれいに表示できます。
</Tip>

## フォルダーで整理

左側のサイドバーにはフォルダー構造が表示されます。フォルダーを活用してアセットを整理しましょう。たとえば、ロゴ、バナー、キャンペーン画像ごとにフォルダーを分けます。

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/image-library-folder-sidebar.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=9c32e51e752a3a0b4cf64735dfdffb76" alt="署名用アセットを整理する画像ライブラリのフォルダーサイドバー" width="3456" height="1928" data-path="images/image-library-folder-sidebar.png" />
</Frame>

* 「フォルダー」の横の **+** をクリックして新しいフォルダーを作成
* フォルダーの **鉛筆アイコン** をクリックして名前を変更
* **ゴミ箱アイコン** をクリックしてフォルダーを削除
* フォルダーは階層化できます。既存のフォルダーの **+** をクリックしてサブフォルダーを作成

フォルダーをクリックすると、その中身を閲覧できます。**← Root** リンクで最上位に戻れます。

## 画像の閲覧と検索

ライブラリに画像を追加したら、閲覧ツールバーから目的の画像をすばやく見つけられます。

* **表示モード**:グリッド表示(サムネイル)とリスト表示(詳細付きのコンパクトな行)を切り替え
* **並べ替え**:日付(新しい順または古い順)、名前、サイズで並べ替え
* **フィルター**:ファイル形式(JPEG、PNG、GIF)で絞り込み
* **検索**:検索バーに入力して画像を名前で検索

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/image-library-browsing-toolbar.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=16e614864f1f750703b2d0736816cbdc" alt="表示・並べ替え・フィルター・検索を備えた画像ライブラリの閲覧ツールバー" width="3456" height="1930" data-path="images/image-library-browsing-toolbar.png" />
</Frame>

## 画像の詳細と選択

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/image-library-image-detail-view.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=0ff415b9260b88d910a9b82c1689483b" alt="プレビュー・メタデータ・操作ボタンを表示した画像の詳細ビュー" width="3456" height="1930" data-path="images/image-library-image-detail-view.png" />
</Frame>

画像をクリックすると詳細ビューが開きます。ここでは次の情報を確認できます。

* 画像の大きなプレビュー
* **画像の詳細**:名前、寸法、ファイルサイズ、アップロード日、作成日、ファイル形式

このビューでは、次の3つの操作ができます。

* **選択**:この画像を署名ブロックで使用
* **画像を編集**:画像エディターを開く(下記参照)
* **削除**:ライブラリから画像を削除

## 画像の編集

**画像を編集** をクリックすると組み込みエディターが開き、次の2つのツールを利用できます。

* **自動トリミング**:画像の周囲の余白や空白部分を自動でトリミングします。余分な余白があるロゴの整形に便利です。
* **背景の削除**:画像から背景を取り除き、被写体のみを残します。透明な背景が必要な商品画像や顔写真に最適です。

青いハンドルをドラッグして残したい範囲を指定すれば、手動でトリミングすることもできます。

**保存** をクリックすると編集内容が適用され、**キャンセル** をクリックすると破棄されます。

## ダークモードでの画像表示

ダークモードに対応したメールクライアントは、画像の表示方法を反転または変更することがあります。この挙動は受信側のメールクライアントによって完全に制御され、現時点ではすべてのメールクライアントが対応する形でダークモード専用の画像を別途提供できる確実な技術的手段はありません。このため、Scribeではダークモード用の画像バリアントを提供していません。

最適な方法は、ライトモードとダークモードのどちらでも見やすい画像をアップロードすることです。

<Tip>
  どのような背景でも視認できるロゴや画像を使用してください。透過背景に濃い色のロゴは、ダークモードで見えなくなる場合があります。これを避けるには、背景が不透明なバージョンのロゴを使うか、ライト・ダークどちらの背景でも読みやすい色のバリアントを選んでください。
</Tip>

## 関連記事

* [エディター概要](/ja/editor/editor-overview)
* [ブロックを追加](/ja/editor/add-blocks)
* [テンプレートライブラリ](/ja/editor/template-library)