> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# メディア

> ドキュメントに画像、ビデオ、音声ファイル、リッチメディアコンテンツを追加して管理します。

Craft では、カメラ、写真ライブラリ、ファイル、または Unsplash から写真、ビデオ、音声ファイルを挿入できます。メディアコンテンツはドキュメント内で美しく表示され、Craft は常に最適なレイアウトで自動的に配置します。

<iframe src="https://www.youtube-nocookie.com/embed/3lA7VIjvCis" title="Inserting photos, videos, and files in Craft" className="w-full aspect-video rounded-xl" allowFullScreen />

## メディアの挿入

スラッシュメニュー、＋ボタン、またはドラッグ＆ドロップでドキュメントにメディアを追加できます。

<Tabs>
  <Tab title="macOS">
    編集画面で `/` を入力し、メニューから目的のメディアタイプを選択してください。フォルダやウェブサイトから画像を Mac アプリへドラッグ＆ドロップすることもできます。

    <img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/media/en/content/insert-media-mac.gif?s=e0cf78d06f9bcca8ded646a478c438fe" alt="macOS にメディアを挿入" width="874" height="1020" data-path="images/write-and-edit/media/en/content/insert-media-mac.gif" />
  </Tab>

  <Tab title="iOS">
    編集中に `/` を入力し、メニューから目的のオプションを選択してください。画面左下の **+** ボタンをタップすると、オプション一覧が表示されます。

    <img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/media/en/content/insert-media-ios.gif?s=4de6608bad409e148a2afd5848ab0d27" alt="iOS にメディアを挿入" width="406" height="876" data-path="images/write-and-edit/media/en/content/insert-media-ios.gif" />
  </Tab>

  <Tab title="Windows/Web">
    スラッシュ記号、挿入タブ、またはメディアファイルをドキュメントにドラッグ＆ドロップして使用します。
  </Tab>
</Tabs>

<Info title="ヘッダー画像">
  ヘッダー画像には、最適な表示のために 1200 x 630 の画像サイズを推奨します。
</Info>

## 画像

Craft は画像のオリジナル品質を保持します。プレビューで画像を開く（タップまたはダブルクリック）と常にフル品質で表示され、Craft から画像をダウンロードしても同様です。

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/media/en/content/images-layout.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=92de87badd580fcd7f79108781cd70ad" alt="画像のレイアウト例" width="1464" height="1358" data-path="images/write-and-edit/media/en/content/images-layout.png" />

### サポートされる画像フォーマット

Craft は標準的な画像フォーマットをすべてサポートしています：

* **PNG、JPEG、GIF** – 伝統的なウェブフォーマット
* **WebP** – 圧縮効率の良いモダンなウェブフォーマット
* **AVIF**（Advanced Video Image Format）– 次世代フォーマットで優れた圧縮率
* **SVG** – ベクターグラフィック（ベクターデータとして保持され、添付ブロックとして表示されます）
* **HEIC** – iOS ネイティブフォーマット（iOS/Mac からアップロードされた場合）

**AVIF の利点：**

* JPEG に比べて最大 50% 小さいファイルサイズ
* 小さいファイルサイズでもより良い画質
* 画像が多いドキュメントでのストレージ削減に最適

<Info title="フォーマットの取扱い">
  **.webp** と **.heic** の画像を Web または Windows アプリ経由でアップロードすると、添付ブロックとして表示される場合があります。全てのプラットフォームでの互換性を高めるには、PNG または JPEG の使用をおすすめします。
</Info>

### 自動レイアウト

Craft は、似たサイズの画像を並べて配置すると直感的にまとめて配置します。ドキュメント内のサムネイルはアプリのパフォーマンス保持のために低解像度になることがありますが、オリジナル品質は常に維持されます。

### 画像の並べ替え

自動的にグループ化された画像を並べ替えるには、次の方法があります：

* 画像をドキュメント内の別のブロックに移動する
* **Image Size** の設定を **Auto** から **Large** に、**three-dot menu** で変更する

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/media/en/content/rearrange-images.gif?s=90e2d9d943add806656a6752a202e524" alt="画像の並べ替え" width="800" height="662" data-path="images/write-and-edit/media/en/content/rearrange-images.gif" />

<Warning title="画像編集">
  現在、Craft 内でアップロードした画像をトリミングや編集することはできません。
</Warning>

### ギャラリー表示

画像をダブルクリック（タッチデバイスではタップ）すると、ギャラリービューアーで開きます。ビューアーはアプリのウィンドウ（またはブラウザのタブ）全体に表示され、ドキュメント内のすべての画像が含まれるため、ページをスクロールせずに次々と見ていくことができます。サブページに配置された画像は含まれません。

<img src="https://mintcdn.com/craft-support/nYEIz2ZOY7_nvPOY/images/write-and-edit/media/en/content/gallery-view.png?fit=max&auto=format&n=nYEIz2ZOY7_nvPOY&q=85&s=346c72d91392b6047ed77bd454e15023" alt="ギャラリー表示" width="1452" height="966" data-path="images/write-and-edit/media/en/content/gallery-view.png" />

ビューアー下部の矢印とカウンターを使って画像を前後に切り替えられます。また、表示中の画像をデバイスにダウンロードすることもできます。

macOS では、ビューアーに編集オプションもあり、画像をプレビューで開いてマークアップや調整ができます。変更を保存すると、編集後のバージョンが Craft に再アップロードされます。

<Warning title="編集すると元の画像が置き換わります">
  編集した画像を保存すると、ドキュメント内の元の画像が上書きされ、この操作は取り消せません。編集前のバージョンを残しておきたい場合は、先に画像を複製してください。
</Warning>

## ビデオ

Craft はビデオファイルを変換・圧縮しません  –  オリジナルの品質が保持されます。どのビデオ形式でもドキュメントにアップロード可能です。

### ビデオ形式

* **サムネイルプレビュー対応**：*.mp4* と *.mov* はサムネイルプレビューを表示します
* **添付ブロック**：*.avi*、*.wmv*、その他あまり一般的でない形式は標準の添付ブロックとして表示されます

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/media/en/content/video-preview.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=2b77eef6513099166b3b5a61cabeb937" alt="ビデオ形式のプレビュー" width="753" height="1054" data-path="images/write-and-edit/media/en/content/video-preview.png" />

### ビデオの再生

サムネイルプレビューがあるビデオは Craft 内で別のプレーヤーで開きます。添付ブロックとして表示されるビデオは、まずダウンロードして対応するプログラムで再生する必要があります。

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/media/en/content/video-player.gif?s=467f825da8b2523f052fcfa64f0e297b" alt="ビデオプレーヤー" width="800" height="756" data-path="images/write-and-edit/media/en/content/video-player.gif" />

<Warning title="注意">
  Craft はまだ YouTube や Vimeo のような外部プラットフォームからのビデオ埋め込み機能をサポートしていません。
</Warning>

## 音声ファイル

音声ファイルはドキュメント内で標準の添付ブロックとして表示されます。音声ファイルをクリックまたはタップすると、別ウィンドウのプレーヤーで開きます。

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/media/en/content/audio-block.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=df9b04b2406f90713db584ad3d04c5be" alt="音声ファイルブロック" width="744" height="505" data-path="images/write-and-edit/media/en/content/audio-block.png" />

オーディオプレーヤーには再生コントロールが含まれます。

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/media/en/content/audio-player.gif?s=6234066e3c8b10cd67e7ce59b415f0db" alt="オーディオプレーヤーのインターフェース" width="748" height="522" data-path="images/write-and-edit/media/en/content/audio-player.gif" />

## Unsplash との連携

Craft は Unsplash と連携しており、数百万点の高品質な無料写真にアクセスできます。画像を挿入する際に Unsplash オプションを選ぶと、Craft 内でプロフェッショナルな写真を直接検索・参照できます。

これは次の用途に特に便利です：

* ヘッダー画像
* ビジュアルのインスピレーション
* プロフェッショナルな見た目のドキュメント
* プレゼンテーションや公開ページ

## Image Playground

Apple Intelligence を搭載したデバイス（iOS 18.2+、macOS 15.2+）では、Image Playground を使って Craft 内で直接カスタム画像を生成できます。テキスト記述から Animation、Illustration、Sketch スタイルの AI 生成画像を作成でき、ビジュアルブレインストーミング、プレースホルダー画像、クリエイティブプロジェクトに最適です。

[Image Playground の詳細を確認する](/ja/write-and-edit/image-playground)