メディアライブラリ:画像と動画

メディアライブラリには、商品写真、チームの写真、工房を撮った短い動画など、お手持ちの画像や動画を保存できます。一度アップロードすれば、スタジオの入力ボックスで選ぶだけで、ワークスペース内のどのプロジェクトでも使えます。各プロジェクトの Media タブでは、クレジットを使わずにサイトの表示を差し替えられます。

読了時間 6 分2026年10月8日にスタジオで確認済み

ワークスペースごとに1つのライブラリ

ワークスペース内のすべてのプロジェクトは1つのライブラリを共有します。あるサイトの制作中にアップロードした写真を、翌日に別のサイトで使うこともできます。ライブラリはワークスペース間では共有されません。別のワークスペースからコピーしたメディアのリンクは受け付けられず、スタジオから、ご自分のワークスペースで改めてコピーするよう案内されます。

アップロードと配置には、Owner、Admin、Editorの権限が必要です。Viewerは変更できないため、入力ボックスは表示されません。

アップロードできるもの

種類形式最大のファイル
画像JPEG、PNG、WebP25 MB未満
動画MP4 または WebM250 MB未満、長さ5分未満
  • 動画はアップロードされたままの状態で保存・配信され、変換されることはありません。ファイルが小さいほど訪問者の読み込みが速くなるので、サイトに必要なサイズで書き出してください。
  • ブラウザーは、アップロードの前に各動画を読み込みます。ファイルを再生できない場合はアップロードが止まり、MP4(H.264)で書き出すようご案内します。
  • 動画のポスター、つまり再生前に表示される静止画は、動画の最初の1秒から取られます。
  • ライブラリ内のすべてが、ご利用プランのストレージに含まれます。

ライブラリを開いてアップロード

  1. ビルド済みプロジェクトのスタジオを開く

    場所: Studio

    ライブラリは、作成済みプロジェクトのプロンプト欄にあります。New project のブリーフや、最初のビルドが承認ステップで待機している間は表示されません。

  2. Add from your mediaをクリックします

    場所: Prompt box

    プロンプトボックスにある画像のアイコンです。Choose from your mediaが開きます。

  3. アップロード

    場所: Choose from your media

    Upload をクリックしてファイルを選ぶか、ウィンドウにドラッグして Drop to upload と表示されたら離してください。複数のファイルを一度に追加でき、ファイルごとに進行状況バーが表示されます。

  4. グリッドで探す

    場所: Choose from your media

    アップロードが完了したものは、一覧の先頭に表示されます。動画には長さが表示されます。

All、Pictures、Videos でグリッドを絞り込めます。その横のバーには、ワークスペースのストレージの使用量が表示されます。グリッドは1ページずつ表示され、Show more で次のページを読み込みます。

  • 各サイトの画像も。 アップロードしたものに加えて、グリッドにはワークスペース内のすべてのサイトにある画像と動画も並び、各タイルにはその出どころが表示されます。サイトのものを選ぶと、まずライブラリに追加されます。
  • Fromで、グリッドをLibrary and every site、Libraryのみ、または1つのプロジェクトに絞り込みます。
  • Search names and descriptions は、ファイル名や、写っているものから項目を探します。

スタジオが画像を求める場所では、どこでも同じウィンドウが開きます。Settings でのサイトのロゴとファビコン用の Choose from library、Database タブの画像フィールド、画像エディタの Picture がそれにあたります。

変更の中でアイテムを使う

項目を選んでも、すぐには配置されません。そのリンクがメッセージに入るので、ほかの変更と同じように、どこに置くかを伝えてください。

  1. 項目を選びます

    場所: Choose from your media

    クリックします。ウィンドウが閉じ、項目のリンクがメッセージの末尾に入ります。

  2. 行き先を伝える

    場所: Prompt box

    ページと場所を指定してください。例:「ヒーローの背景として」。画像の場合は、ページにとって重要なら、何が写っているかも伝えてください。

  3. 送信

    場所: Send

    変更として作成・公開され、5クレジットが確保され、作業にかかった分が請求されます。

変更リクエストエディンバラのフローリスト

(media link) をホームページのヒーロー背景に使い、(media link) をWeddingsページの最初の段落の下に置いて、ミュートでループ再生してください。

どちらも次に公開するバージョンに反映されます。その後、Media タブに一覧で表示され、それぞれフラワーショップのメディア由来と示されます。

サイトの表示内容を確認する

プロジェクトのMediaタブはOn the siteから開きます。ここには、最後に公開した状態でサイトに表示されているすべての画像と動画が、ヒーローを先頭に並びます。各カードには、画像の説明、置かれている場所(たとえばホームページや名前のついたセクション)、ライブラリのものであれば元になった項目が表示されます。隣のDesignsには、画像エディターで作ったものが入ります。

画像や動画を無料で差し替え

  1. 入れ替える項目を選ぶ

    場所: Media tab

    カードのReplaceをクリックします。

  2. 新しい方を選ぶ

    場所: Choose the new picture

    ライブラリが開き、同じ種類だけが表示されます。画像なら画像、動画なら動画です。1つ選ぶか、そこでアップロードしてください。

  3. 何を表示するか伝える

    場所: What it shows

    画像には必須です。スクリーンリーダーや検索エンジンが読み取るためです。動画は任意で、背景動画には不要です。

  4. 置き換えて公開

    場所: Replace and publish

    新しい項目は、サイト内のすべての場所で古い項目に置き換わり、サイトが再公開されます。進行はスタジオで確認できます。

  • クレジットは使いません。
  • スタジオのバージョンで元に戻せます。
  • サイトのビルド中や、A/Bテストの実行中は開始できません。
  • 選んだ項目がすでにサイトの別の場所にある場合、ダイアログに2回表示されるという警告が出ます。
入れ替えカフェの秋メニュー

Moor Lane Café は、秋のメニューの写真をアップロードして、ホームページの夏のメニューと入れ替えます。写っているのは、オークのテーブルに置かれたパンプキンスープ、サワードウのパン、フラットホワイトです。

新しい写真でサイトが再び公開されました。クレジットは使っていません。気が変わったときは、Versionsで夏の写真を元に戻せます。

ライブラリを整理する

ライブラリは1つのグリッドで、新しい順に並び、上にフィルターと検索があります。フォルダはなく、名前の変更もできませんが、ご自身でアップロードした項目にはそれぞれ Details ボタンがあります。押すと、サイズと日付、Used on(その項目を使っているすべてのサイトと使い方)、Use this、Delete が表示されます。削除の前には確認が入ります。ページにその項目を表示しているサイトは自分用のコピーを持っているので、ページは変わりませんが、ライブラリからは完全に消えます。サイトのロゴやファビコンは、そのサイトの設定で別のものを選ぶまで削除できません。完了しなかったアップロードは1日後に消えるので、接続が途切れても、中途半端なファイルがストレージを使い続けることはありません。

各サイトは、配置されたものの複製をそれぞれ保持します。そのため、公開済みのページが元のライブラリ項目に左右されることはありません。

  • アップロード前にファイル名を付けましょう。 グリッドに表示され、Media タブでも出典として示されるのはファイル名です。bakery-shopfront-autumn.jpg なら、IMG_4021.jpg のようにあとで何の画像か迷うことがありません。
  • 使うものだけアップロードしてください。 アップロードしたものは、削除するまでストレージを使います。動画は、必要な数秒分に切り詰めてからアップロードしてください。
  • 元データは別の場所に保管してください。 ライブラリはサイトに画像を配置するためのもので、撮影した写真すべてを保管するためのものではありません。

ライブラリがストレージを使う仕組み

ライブラリの項目は、ワークスペースが全プロジェクトのファイル、サイトの画像、データベース、バックアップと共有している1つのストレージ容量に含まれます。アップロードがその容量を超える場合は、プランのストレージ容量を示すメッセージが表示されて中断され、何かを削除するか、より大きなプランに切り替えることをご案内します。Storageでは、容量の使われ方を確認できます。

画像を添付する場合とライブラリを使う場合の違いは何ですか?

プロンプト欄の添付ボタンで付けた画像は、そのメッセージ1件だけのものです。ライブラリの項目は、ワークスペース内のどのプロジェクトでも再利用でき、あとから Replace で差し替えられます。

Replaceにはクレジットがかかりますか?

いいえ。新しい項目を配置して、ビルド作業なしでもう一度公開するだけです。

新規プロジェクトでライブラリのアイテムを使えますか?

最初の依頼には含めません。サイトを作成してから、スタジオで変更として追加してください。