--- title: "メディアライブラリ:画像と動画 | Briks" url: https://briks.dev/ja/docs/media-library description: "ご自身の画像や動画をワークスペースのメディアライブラリに一度アップロードすれば、プロンプトボックスからどのプロジェクトにも配置でき、サイトの画像の差し替えは無料です。" last_updated: 2026-10-08 --- # メディアライブラリ:画像と動画 メディアライブラリには、商品写真、チームの写真、工房を撮った短い動画など、お手持ちの画像や動画を保存できます。一度アップロードすれば、スタジオの入力ボックスで選ぶだけで、ワークスペース内のどのプロジェクトでも使えます。各プロジェクトの Media タブでは、クレジットを使わずにサイトの表示を差し替えられます。 読了時間 6 分 2026年10月8日にスタジオで確認済み ## ワークスペースごとに1つのライブラリ ワークスペース内のすべてのプロジェクトは1つのライブラリを共有します。あるサイトの制作中にアップロードした写真を、翌日に別のサイトで使うこともできます。ライブラリはワークスペース間では共有されません。別のワークスペースからコピーしたメディアのリンクは受け付けられず、スタジオから、ご自分のワークスペースで改めてコピーするよう案内されます。 アップロードと配置には、Owner、Admin、Editorの権限が必要です。Viewerは変更できないため、入力ボックスは表示されません。 ## アップロードできるもの | 種類 | 形式 | 最大のファイル | | --- | --- | --- | | 画像 | JPEG、PNG、WebP | 25 MB未満 | | 動画 | MP4 または WebM | 250 MB未満、長さ5分未満 | - 動画はアップロードされたままの状態で保存・配信され、変換されることはありません。ファイルが小さいほど訪問者の読み込みが速くなるので、サイトに必要なサイズで書き出してください。 - ブラウザーは、アップロードの前に各動画を読み込みます。ファイルを再生できない場合はアップロードが止まり、MP4（H.264）で書き出すようご案内します。 - 動画のポスター、つまり再生前に表示される静止画は、動画の最初の1秒から取られます。 - ライブラリ内のすべてが、ご利用プランの [ストレージ](https://briks.dev/ja/docs/storage) に含まれます。 ## ライブラリを開いてアップロード どこで 1. Projects 2. Your project 3. Studio 4. Add from your media 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](https://briks.dev/ja/docs/database) タブの画像フィールド、[画像エディタ](https://briks.dev/ja/docs/image-editor) の **Picture** がそれにあたります。 ## 変更の中でアイテムを使う 項目を選んでも、すぐには配置されません。そのリンクがメッセージに入るので、ほかの変更と同じように、どこに置くかを伝えてください。 1. 項目を選びます 場所: Choose from your media クリックします。ウィンドウが閉じ、項目のリンクがメッセージの末尾に入ります。 2. 行き先を伝える 場所: Prompt box ページと場所を指定してください。例：「ヒーローの背景として」。画像の場合は、ページにとって重要なら、何が写っているかも伝えてください。 3. 送信 場所: Send 変更として作成・公開され、5クレジットが確保され、作業にかかった分が請求されます。 変更リクエスト エディンバラのフローリスト > (media link) をホームページのヒーロー背景に使い、(media link) をWeddingsページの最初の段落の下に置いて、ミュートでループ再生してください。 どちらも次に公開するバージョンに反映されます。その後、Media タブに一覧で表示され、それぞれフラワーショップのメディア由来と示されます。 ヒント 1回のメッセージで、画像と動画を合わせて6点まで送れます。添付ボタンで付けたファイルとメディアのリンクを合計した数です。それ以上は、2回の変更に分けてください。 ## サイトの表示内容を確認する どこで 1. Projects 2. Your project 3. Media プロジェクトの **Media** タブは **On the site** から開きます。ここには、最後に公開した状態でサイトに表示されているすべての画像と動画が、ヒーローを先頭に並びます。各カードには、画像の説明、置かれている場所(たとえばホームページや名前のついたセクション)、ライブラリのものであれば元になった項目が表示されます。隣の **Designs** には、[画像エディター](https://briks.dev/ja/docs/image-editor) で作ったものが入ります。 ## 画像や動画を無料で差し替え 1. 入れ替える項目を選ぶ 場所: Media tab カードの **Replace** をクリックします。 2. 新しい方を選ぶ 場所: Choose the new picture ライブラリが開き、同じ種類だけが表示されます。画像なら画像、動画なら動画です。1つ選ぶか、そこでアップロードしてください。 3. 何を表示するか伝える 場所: What it shows 画像には必須です。スクリーンリーダーや検索エンジンが読み取るためです。動画は任意で、背景動画には不要です。 4. 置き換えて公開 場所: Replace and publish 新しい項目は、サイト内のすべての場所で古い項目に置き換わり、サイトが再公開されます。進行はスタジオで確認できます。 - クレジットは使いません。 - スタジオの [バージョン](https://briks.dev/ja/docs/versions) で元に戻せます。 - サイトのビルド中や、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](https://briks.dev/ja/docs/storage) では、容量の使われ方を確認できます。 ### 画像を添付する場合とライブラリを使う場合の違いは何ですか? プロンプト欄の添付ボタンで付けた画像は、そのメッセージ1件だけのものです。ライブラリの項目は、ワークスペース内のどのプロジェクトでも再利用でき、あとから **Replace** で差し替えられます。 ### Replaceにはクレジットがかかりますか? いいえ。新しい項目を配置して、ビルド作業なしでもう一度公開するだけです。 ### 新規プロジェクトでライブラリのアイテムを使えますか? 最初の依頼には含めません。サイトを作成してから、スタジオで変更として追加してください。 ## 次に読む - [ビルド中 **画像** サイトの画像の作り方を選び、自分の写真やロゴを追加し、クレジットを使わずに画像を差し替え、間違った画像を直せます。](https://briks.dev/ja/docs/pictures) - [サイトの機能 **ストレージ** プロジェクトのファイルを保管し、リンクや公開フォルダで共有できます。プランのストレージの使い道も確認でき、すべてを .zip ファイルとしてダウンロードできます。](https://briks.dev/ja/docs/storage) - [プロジェクトで作業する **変更を加える** Briksに書いてサイトを変更する方法です。伝え方、画像の追加、変更の内容と費用、内側のページ、順番待ちのリクエスト、うまくいかなかったときの直し方を説明します。](https://briks.dev/ja/docs/making-changes) - [プロジェクトで作業する **バージョン、元に戻す、やり直し** ビルドや変更はすべて、サイトのバージョンとして保存されます。変更を元に戻す、やり直す、以前のバージョンをそのままの状態で本番環境に戻す、といった操作ができ、クレジットは保留されません。](https://briks.dev/ja/docs/versions) まだ解決しませんか? プロジェクト名と、表示されると思っていた内容を添えて [hello@briks.dev](mailto:hello@briks.dev) までご連絡ください。スクリーンショットがあると助かります。