--- title: "画像:自動作成も、お持ちの画像も使えます | Briks" url: https://briks.dev/ja/docs/pictures description: "サイトの画像の作り方を選び、自分の写真やロゴを追加し、クレジットを使わずに画像を差し替え、間違った画像を直せます。" last_updated: 2026-10-08 --- # 画像:自動作成も、お持ちの画像も使えます Briksはビルド中にサイトに必要な画像を作成し、いつでもお手持ちの写真に差し替えられます。このページでは、2つの画像オプション、自分の写真とロゴの使い方、クレジットを使わずに画像を差し替える方法、画像が合っていないときの対処を説明します。 読了時間 7 分 2026年10月8日にスタジオで確認済み ## 画像の作り方を選ぶ 選択はプロジェクトごとに一度だけです。その選択は、最初のビルドと、その後のすべての変更に適用されます。 | オプション | 料金 | 何が起きるか | | --- | --- | --- | | **スタジオの標準モデル** | 含まれます | Briksは、サイトの各場所に合う画像を探すか描き、その場所に合わせたサイズに切り抜きます。画像に料金はかかりません。 | | **GPT Image 2.5** | 画像1枚につき1クレジット | 「サイト内のすべての画像を、GPT Image 2.5がこのサイトのために新しく描き、2048ピクセルで作成します。」ビルドの完了時に、画像1枚ごとに課金されます。 | スタジオでオプションの横に表示される画像の価格が、お支払いいただく価格です。 選択肢の下に、スタジオは正直な一文を添えます。「スタジオが描いた画像は、他のサイトにも表示されることがあります。アップロードした画像はあなたのものであり、あなた自身のサイトでのみ使われます。」画像をあなただけのものにしたい場合は、アップロードしてください。 プロジェクトを作るときに設定します 1. Pictures のステップを開く 場所: New project **New project** の **Pictures** ステップには、「Choose how the site's pictures are made, and what they cost.」と表示されます。 2. 選択肢を選ぶ 場所: Pictures **Default studio model** を選んだままにするか、**GPT Image 2.5** を選んでください。 3. レビューを確認する 場所: Review and create 新しい画像を選ぶと、確認画面に、その画像がビルドの料金に1枚ごとの価格で加算されると表示されます。**Build it** をクリックしてください。 あとから変更するには、**Settings**、**Preferences** の順に開き、**Pictures** グループで選択してから、そのグループの最下部にある **Save** をクリックします。新しい選択は次の変更から適用されます。すでにサイトにある画像は、別のものに置き換えられるまでそのままです。 どこで 1. Projects 2. Your project 3. Settings 4. Preferences 5. Pictures 知っておくと便利なこと **GPT Image 2.5** では、返信の下の小さな注記に、その返信が担当した画像が、たとえば「incl. 12 fresh pictures (12 credits)」のように示されます。 ## 生成された画像の特徴 - 人物、場所、使用中の商品の写真を、セクションごとに計画します。セクションには計画で割り当てられた写真だけが入り、それ以外は、ページ内で描いた図形か、色の上の文字だけになります。 - 画像の中に読める文字、看板、ロゴ、透かしは入れません。お名前とロゴは文字とロゴファイルとして配置し、写真に描き込むことはありません。 - 生成した画像に写る人物は架空の人物です。説明の中にチームの名前を書いても、生成した画像が実在の人物を写そうとすることはありません。実在の人物を載せたいときは、その方の写真をアップロードしてください。 - 1つの画像は、1ページに1回だけ表示されます。公開する前に、Briks が作成した画像が重複して配置されていないかを確認します。 - 作成が承認待ちで止まる場合、画像は最後の停止のあとで作られるので、却下したデザインやレイアウトの画像は作られません。 ## 自分の写真を使う あなたの写真や動画は、ワークスペースのメディアライブラリに保存されます。そこにあるものは、同じワークスペース内のどのプロジェクトでも使えます。 - 画像: JPEG、PNG、WebP、1枚あたり最大25 MB。 - 動画: MP4またはWebM、250 MBまで、5分未満。 - ライブラリはプランのストレージに含まれます。Freeは500 MB、Starterは5 GB、Proは10 GB、Studioは25 GB、Agencyは100 GBです。 自分の写真をサイトに載せる 1. メディアを開く 場所: Message box スタジオのメッセージ欄で **Add from your media** をクリックします。**Choose from your media** というボックスが開きます。 2. アップロードまたは選択 場所: Choose from your media **Upload** をクリックするか、ボックスにファイルをドロップします。**All**、**Pictures**、**Videos** で絞り込み、使いたいものをクリックします。 3. 行き先を伝える 場所: Message box そのリンクがメッセージに入ります。ボックスの案内どおり、使う場所も添えてください。「ヒーローの背景として」。 4. 送信 場所: Message box メッセージを送信してください。ほかの変更と同じようにビルドされ、公開されます。1通のメッセージに画像と動画を6点まで入れられます。 メッセージに画像を直接添付することもできます。**Attach pictures** をクリックするか、貼り付けるか、会話の上のどこにでもドロップしてください。添付した画像には2つの選択肢があります。**Reference** は目指す雰囲気を示し、**On the site** は画像そのものをサイトに配置します。 お手持ちの写真を添えたメッセージ リーズにある地元のパン屋 > メディアにある sourdough-shelf.jpg を、パンのボードの代わりにヒーロー画像として使い、紹介セクションには team-2026.jpg を「早番、朝5時」というキャプション付きで使ってください。 Briksが変更として構築し、公開します。**Media** タブには両方の写真が並び、それぞれに「From sourdough-shelf.jpg in your media」などと表示されます。 写真は最初のビルドのあとに加わります **New project** の説明欄には文章のみ入力できます。**Show what you like** のスクリーンショットは見た目の参考用で、サイトに配置するためのものではありません。ご自身の写真は、最初のバージョンを公開してから追加してください。 ## ロゴとファビコンを追加する 1. Settings を開く 場所: Settings, General プロジェクトで **Settings** タブを開きます。最初に **General** が開き、その最初のグループが **Name and marks** です。 2. ロゴをアップロードします 場所: Name and marks **Logo** の横にある **Upload** をクリックし、PNG、JPEG、WebPのいずれかのファイルを選びます。描かれたマークの代わりに、ヘッダーとフッターで使われます。「背景が透明なPNGまたはWebPが最もきれいに見えます。」 3. ファビコンを追加する 場所: Name and marks **Favicon** の横に、180×180以上の正方形の画像をアップロードします。ブラウザのタブに表示される小さな四角です。 4. 保存して適用 場所: Settings, General **Name and marks** の下にある **Save** をクリックします。サイトがすでに公開されている場合は、保存するとロゴとファビコンを反映して再公開されます。クレジットはかかりません。 ## Built with Briks バッジ Freeプランのサイトでは、すべてのページの左下に小さな **Built with Briks** リンクが表示されます。右側にあるチャットからは離れた位置です。スマートフォンではBriksのマークに縮小され、訪問者がタップするものを隠さず、ページを印刷するときは表示されません。 Freeプランでは、バッジをオフにできません。**Name and marks** には、切り替えの代わりにこう表示されます。「サイトの隅に小さなBuilt with Briksバッジが表示されています。有料プランでは外れます。」 有料プランでは、バッジはオフです。それでも表示したい場合は、プロジェクトの **Settings** の **Name and marks** で **Show the Built with Briks badge** (「A small link to Briks in the bottom-left corner of every page. Off unless you switch it on.」)をオンにして **Save** してください。公開済みのサイトは、バッジ付きで再公開され、クレジットは確保されません。Freeから有料プランに移ったサイトは、次に公開したときにバッジがなくなります。 どこで 1. Projects 2. Your project 3. Settings 4. General 5. Name and marks ## クレジットを使わずに画像を差し替える プロジェクトの **Media** タブには、公開中のサイトにあるすべての画像と動画が、それぞれの配置場所(“In home page”)と、ご自身のメディアからのものかどうかとともに一覧表示されます。 1. 画像を探す 場所: Media プロジェクトのバーで **Media** を開き、差し替えたい画像を探してください。 2. Replace をクリックします 場所: Media **Choose the new picture** というボックスが開きます。メディアから選ぶか、そこでアップロードしてください。画像は画像にのみ、動画は動画にのみ差し替えられます。 3. 何を表示するか伝える 場所: Replace **What it shows** を入力します。画像では必須で、「古い画像の言葉の代わりに、スクリーンリーダーと検索エンジンが読み上げる」ものだからです。 4. 公開 場所: Replace **Replace and publish** をクリックします。新しい画像が、古い画像のあった場所すべてに入れ替わり、サイトが再び公開されます。 置き換えにはクレジットがかかりません。AIの作業は行われず、ファイルが入れ替わってサイトが再公開されるだけです。ほかの変更と同じように会話に表示されるので、[Versions](https://briks.dev/ja/docs/versions) で元に戻せます。 ご注意 選んだ画像がサイトのほかの場所ですでに使われている場合、ボックスに「This is already on the site elsewhere, so it will show twice.」という警告が表示されます。サイトの作成中(「This site is building. Try again when it finishes.」)や、A/Bテストの実行中も、置き換えは待機します。 ## 画像が合っていないとき | 問題点 | 対処方法 | 費用 | | --- | --- | --- | | もっと良い写真がある場合 | **Media** タブから **置き換え** ます | クレジットなし | | 被写体、雰囲気、トリミングが違う | スタジオの変更依頼として、ほしい画像を言葉で伝える | 変更1回: 5クレジットを確保し、作業分を請求します。加えて、**GPT Image 2.5** の画像1枚分の料金がかかります | | ご自身やスタッフなど、実在の人物を載せる必要がある | その人の写真をアップロードして **Replace** を使うか、メッセージで配置を伝えてください | Replace ではクレジットはかかりません | | ご自身で差し替えたあとも、同じ画像が2回表示される | そのうちの1枚を別の画像に差し替える | クレジットなし | | 変更したら画像の見栄えが悪くなった | **Versions** で元に戻す | [Versions](https://briks.dev/ja/docs/versions) をご覧ください | 依頼した変更 ヘブデン・ブリッジのカフェ > ヒーロー画像にはマーブルのテーブルに置かれたラテが写っています。私たちは運河沿いで営業しているカフェです。朝の光の中、ドアから見たカウンターと、ケーキスタンド、並んでいる2人を見せてください。 Briks はその1枚の画像だけを差し替えて公開します。サイトのほかの部分はそのままです。 ### アップロードした画像の所有者は誰ですか? あなたのものです。スタジオの表現では「Pictures you upload stay yours and are only used on your own sites.」とあります。 ### 作成した画像に、実際の商品を表示できますか? いいえ。生成された画像は、お仕事の種類を表すもので、お店の棚にある実際の商品ではありません。実際の商品には、ご自身で撮った写真をアップロードしてください。 ### 動画は使えますか？ はい。メディアにある動画も、**Add from your media** や **Replace** から同じようにサイトに載せられます。 ## 次に読む - [サイトの機能 **メディアライブラリ** ご自身の画像や動画をワークスペースのメディアライブラリに一度アップロードすれば、プロンプトボックスからどのプロジェクトにも配置でき、サイトの画像の差し替えは無料です。](https://briks.dev/ja/docs/media-library) - [プロジェクトで作業する **変更を加える** Briksに書いてサイトを変更する方法です。伝え方、画像の追加、変更の内容と費用、内側のページ、順番待ちのリクエスト、うまくいかなかったときの直し方を説明します。](https://briks.dev/ja/docs/making-changes) - [プロジェクトで作業する **バージョン、元に戻す、やり直し** ビルドや変更はすべて、サイトのバージョンとして保存されます。変更を元に戻す、やり直す、以前のバージョンをそのままの状態で本番環境に戻す、といった操作ができ、クレジットは保留されません。](https://briks.dev/ja/docs/versions) - [はじめに **クレジットとプラン** Briksのクレジットの仕組み:50と5の確保、作業分の請求、見積もりと待機するビルド、残高ゼロのとき、各プランの内容。](https://briks.dev/ja/docs/credits-and-plans) まだ解決しませんか? プロジェクト名と、表示されると思っていた内容を添えて [hello@briks.dev](mailto:hello@briks.dev) までご連絡ください。スクリーンショットがあると助かります。