--- title: "画像エディター：投稿・ストーリーズ・サムネイル | Briks" url: https://briks.dev/ja/docs/image-editor description: "SNS投稿、ストーリー、サムネイル、ピンをサイトの色で各プラットフォームの正確なサイズに作成。説明すれば3種類のデザインから選べます。" last_updated: 2026-10-08 --- # 画像エディター：投稿・ストーリーズ・サムネイル 画像エディタでは、ソーシャルアカウントやサイトで使う画像を作れます。投稿、ストーリー、YouTubeのサムネイル、ピンなどです。サイトの色と書体を使い、各プラットフォームの正確なサイズで作成します。デザインの作成と書き出しにクレジットはかかりません。言葉から3つのデザインを作る **Describe it** は、1回につき数クレジットを確保します。 読了時間 7 分 2026年10月8日にスタジオで確認済み ## デザインを始める どこで 1. Projects 2. Your project 3. Media 4. Designs **Designs** は、Freeを含むすべてのプランで、プロジェクトの **Media** タブの **On the site** の隣にあります。デザインを作成・変更できるのは、Owner、Admin、Editorです。各デザインは作成したプロジェクトに属し、そのサイトの色、書体、ロゴを使います。 1. New designをクリック 場所: Designs フォーマットはプラットフォームごとにまとめて表示されます。Instagram、TikTok、YouTube、Pinterest、Facebook、LinkedIn、X、Threads、Bluesky、Google、Websiteです。または **Your own size** を選び、各辺を64から8,192までのピクセルで指定できます。 2. フォーマットを選んで開始 場所: New design 各形式には、ストーリーなら 1,080 × 1,920 のように、サイズと形が表示されます。**Start** を押すと、そのサイズの空のキャンバスでエディタが開きます。 3. またはテンプレートから始める 場所: Editor **Add** の下の **Templates** をクリックして、1つ選びます。引用、オファー、イベント、お知らせ、ヒントのリスト、見出し付きの写真、文章の横に置く写真、大きな数字、質問から選べます。キャンバスに合わせ、あなたの色でレイアウトされ、言葉はすべて自由に変更できます。 4. または説明して作る 場所: Editor **Add** の下にある **Describe it** をクリックし、投稿の目的を書いて **Write three designs** をクリックします。気に入ったものをクリックすると、キャンバスで開き、ほかのデザインと同じように変更できます。詳しくは次のセクションで説明します。 デザインは、変更のたびに少し待ってから自動で保存されます。上部のバーには **Saving soon**、**Saving**、**Saved** の順に表示されます。**Changed elsewhere** と出たら、その間にほかの人が同じデザインを保存したということです。**Not saved** と出たら、タブを閉じる前に接続を確認してください。 ## プラットフォーム別の形式 | プラットフォーム | フォーマット(ピクセル) | | --- | --- | | Instagram | 投稿、縦長4:5(1,080 × 1,350)、投稿3:4(1,080 × 1,440)、投稿、正方形(1,080 × 1,080)、ストーリー(1,080 × 1,920)、リールカバー(1,080 × 1,920) | | TikTok | 投稿またはカバー（1,080 × 1,920）、フォト投稿（1,080 × 1,920） | | YouTube | 動画のサムネイル(1,920 × 1,080)、Shorts のカバー(1,080 × 1,920)、チャンネルバナー(2,560 × 1,440)、投稿画像(1,080 × 1,080) | | Pinterest | ピン、2:3 (1,000 × 1,500)、ピン、正方形 (1,000 × 1,000)、動画ピンのカバー (1,080 × 1,920) | | Facebook | 投稿、縦長4:5(1,080 × 1,350)、投稿、正方形(1,080 × 1,080)、リンク画像(1,200 × 630)、ストーリー(1,080 × 1,920)、ページカバー(851 × 315)、イベントカバー(1,920 × 1,005) | | LinkedIn | 投稿、正方形(1,080 × 1,080)、投稿、縦長 4:5(1,080 × 1,350)、リンク画像(1,200 × 627)、ドキュメントページ(1,080 × 1,350)、会社のカバー(1,512 × 256)、プロフィールバナー(1,584 × 396) | | X | 投稿、16:9(1,600 × 900)、投稿、正方形(1,080 × 1,080)、ヘッダー(1,500 × 500) | | Threads | 投稿、縦長4:5(1,080 × 1,350)、投稿3:4(1,440 × 1,920) | | Bluesky | 投稿、縦長4:5(1,080 × 1,350)、投稿、正方形(1,080 × 1,080)、バナー(3,000 × 1,000) | | Google | Business Profile の投稿（1,200 × 900） | | ウェブサイト | リンクカード(1,200 × 630) | 全部で36種類の形式があります。ストーリー、カバー、バナーでは、エディタが各プラットフォーム自体のボタンで隠れる部分も把握しています。 ## Describe it:言葉から3つのデザインを作成 1. 開く 場所: Add, Describe it キャンバスの上に **Describe the post** が開きます。 2. 投稿の目的を伝えます 場所: What the post is for 最大600文字で、「エチオピアの新しいコーヒーが入荷、今週は最初の1袋が20%オフ」のように書きます。載せたい事実（特典、日付、時刻）を伝えてください。 3. 3つのデザインを作る 場所: Write three designs 処理中は **Writing three designs from your words.** と表示されます。3つのデザインが、キャンバスと同じサイズで並んで返ってきます。 4. 1つ選んでください 場所: Describe the post 使いたいものをクリックします。キャンバスにすでに何かある場合は、先にBriksが確認します。「いまキャンバスにあるものは置き換えられます。Undoで元に戻せます。」違うと感じたら、**Try other words** を押します。 1回の試行ごとに、書いている間は2クレジットを確保し、実際にかかった分だけが請求されます。使わなかった分は戻ります。文章は、あなたの言葉、公開済みのトップページとブリーフの内容、エージェントが保持しているビジネスの事実とトーン、今日の日付、そしてワークスペースにあるご自身の画像(写っているものをもとに最大40枚)から作られます。ご提供いただいていない価格、日付、主張を作り出すことはなく、画像も生成しません。画像の枠には、ご自身の写真が1枚入ります。 ## 要素を追加 | Addの中 | 追加されるもの | | --- | --- | | 見出し、テキスト、ラベル | サイトの書体で入れる文字です。キャンバス上でダブルクリックすると、その場で入力できます。 | | 画像 | メディアライブラリ、またはワークスペース内の任意のサイトから選ぶ画像です。ほかの場所と同じウィンドウで選べます（[メディアライブラリ](https://briks.dev/ja/docs/media-library) をご覧ください）。 | | 四角形、円、線、三角形、星 | 図形です。多角形は、図形ごとの設定の **Shape** の下にあります。 | | 矢印 | 矢印は7つのスタイルから選べます。直線、曲線、スウープ、ループ、ジグザグ、手描き、バウンスです。曲がり具合、先端、後端、線は設定で変更でき、好きな向きに回せます。 | | バッジ | 20% off、Sale、New、価格などのバッジを、8つの形から選べます。文字は収まるように大きさが調整されます。文字、形、角の数、色は設定で変更できます。 | | アイコン | 1,512 個のアイコンから「coffee」のような言葉で探せます。太さは6種類です。 | | 影 | やわらかな暗い縁で、写真の上でも文字が読みやすくなります。 | | 描く | ブランドの色で手描きします。**Thin**、**Medium**、**Thick** から選べます。終了するには **Done** をクリックするか、Escキーを押します。 | | テンプレート | 最初のセクションと同じく、このサイズ用のレイアウト全体です。 | | 説明する | あなたの言葉から書き起こした3つのデザイン。 | | ロゴ | サイトのロゴ(ある場合)です。 | 新しい文字、図形、アイコンには、背景の中で際立つブランドの色が付きます。キャンバス上の何かを選ぶと、右側の設定で変更できます。位置とサイズ、色、影、そしてその種類ならではの項目です。たとえば画像のトリミングと調整、文字をふち取る線などです。 ## 配置 - 上部バーの **Grid** から、**Show grid**、**Snap to grid**、グリッドのサイズを設定できます。レイヤーは、キャンバスの端や中央、ほかのレイヤーにも吸着し、ガイドが表示されます。 - Shiftを押しながらクリックすると、複数のレイヤーを選べます。**Group**（Ctrl+G、Macでは⌘G）にすると、まとめて移動やサイズ変更ができます。グループ内のレイヤーを単独で扱うには、そのレイヤーをダブルクリックします。 - 何でも右クリックすると、ショートカット付きですべての操作が出てきます。切り取り、コピー、貼り付け、複製、スタイルのコピーと貼り付け、前面へ・背面へ、グループ化、整列、反転、ロック、非表示、削除です。 - **Layers** リストでレイヤーを上下にドラッグすると、重なる順番を変えられます。キャンバス上でAltを押しながらドラッグすると、元の位置にコピーが残ります。 - **Covered area** は、ストーリーやカバーでプラットフォーム側のボタンに隠れる部分に色を付けて示します。大事なものがその下に来ないようにできます。 - **Undo** と **Redo** は上部バーにあり、横にズームがあります。 ヒント Tで文字、Rで四角、Oで円、Lで線です。プラスとマイナスで拡大・縮小し、0でキャンバスをウィンドウに合わせます。 ## 書き出すか、保存する 1. Exportをクリック 場所: Top bar **File** を選びます。**PNG** は最もくっきりしていて透明な部分も保てます。**JPEG** はサイズが小さく、どのプラットフォームでも使えます。**WebP** は最も小さいですが、対応していないプラットフォームもあります。次に **Size** を選びます。形式標準のサイズか、より鮮明な画面向けの **Twice** です。 2. チェック結果を読む 場所: Export ダイアログは、見た目がおかしくなるものがあれば警告します。空のデザイン、文字のないレイヤー、キャンバスの外にあるレイヤー、プラットフォーム自身のボタンの下にあるものなどです。 3. ダウンロードする 場所: Export **Download** を押すと、そのサイズのままファイルが保存されます。 4. またはメディアライブラリに保存する 場所: Export 画像を見られない方のために、画像に写っているものを説明し、**Save to media library** をクリックします。そこから [マーケティング](https://briks.dev/ja/docs/marketing) タブの投稿や、スタジオで画像を使えるほかの場所に使えます。 上部バーの **Copy to another format** を使うと、同じデザインを別のサイズで作成できます。各パーツは固定した位置に保たれるので、縦長の投稿をストーリーにしても、文字はボタンにかからず読みやすいままです。フォーマットを選んで **Make the copy** を押してください。 ## あなたのデザイン **Designs** には、プロジェクトのために作られたデザインがすべて並びます。各カードのメニューには **Open**、**Duplicate**、**Remove** があります。デザインを削除する前には確認が入り、そこから書き出した画像はメディアライブラリに残ります。 知っておくと便利なこと ひとつのワークスペースには、最大1,000件のデザインを保存できます。作成は無料です。メディアライブラリに保存した画像は、[ストレージ](https://briks.dev/ja/docs/storage) の容量に含まれます。 ### 有料プランは必要ですか? いいえ。画像エディタは、どのプランでも開けます。クレジットを使うのは **Describe it** だけです。 ### 写真も作れますか？ いいえ。デザインには、メディアライブラリやお持ちのサイトにある、ご自身の画像を使います。先に写真をアップロードし、**Picture** で追加してください。 ## 次に読む - [サイトの機能 **メディアライブラリ** ご自身の画像や動画をワークスペースのメディアライブラリに一度アップロードすれば、プロンプトボックスからどのプロジェクトにも配置でき、サイトの画像の差し替えは無料です。](https://briks.dev/ja/docs/media-library) - [サイトの機能 **ストレージ** プロジェクトのファイルを保管し、リンクや公開フォルダで共有できます。プランのストレージの使い道も確認でき、すべてを .zip ファイルとしてダウンロードできます。](https://briks.dev/ja/docs/storage) - [サイトの機能 **マーケティングとソーシャルの投稿** XとLinkedInのプロフィールを接続し、投稿を一度書けば両方向けに作成。カレンダーで予約し、訪問と問い合わせを確認できます。](https://briks.dev/ja/docs/marketing) まだ解決しませんか? プロジェクト名と、表示されると思っていた内容を添えて [hello@briks.dev](mailto:hello@briks.dev) までご連絡ください。スクリーンショットがあると助かります。