画像入力
スクリーンショット、図表、視覚的な参照資料を ChatGPT のプロンプトに添付します
- ChatGPT デスクトップアプリ デスクトップでプロジェクト、ファイル、長時間のタスクを扱います。
- ChatGPT ウェブ版 ブラウザーでチャット、プロジェクト、Work を利用します。
- Codex CLI ターミナルで Codex を利用します。
- Codex IDE 拡張機能 エディターで Codex を利用します。
エラーのスクリーンショット、インターフェースデザイン、アーキテクチャ図、既存のアセットなど、タスクが視覚的なコンテキストに依存する場合は、プロンプトに画像を追加します。ChatGPT に確認してほしい内容と、求める結果を説明してください。画像だけに頼ってタスクを伝えないでください。
Shift を押しながら画像をプロンプトコンポーザーへドラッグすると、コンテキストとして追加できます。ChatGPT にシステム上の画像を確認するよう依頼したり、スクリーンショットツールを使用して別のアプリで作業結果を確認したりすることもできます。
ChatGPT の Web 版の入力欄に画像を添付、貼り付け、またはドラッグします。プロンプトには、 画像のどの部分を確認し、どのような結果を得たいかを ChatGPT に伝えてください。
対話型の入力欄に画像を貼り付けるか、コマンドラインで 1 つ以上のファイルを渡します。
codex -i screenshot.png "Explain this error and suggest the smallest fix"
codex --image before.png,after.png "Compare these states and list the regressions"複数の画像を指定するには、パスをカンマで区切るか、--image を繰り返し指定します。Codex は、
PNG や JPEG などの一般的な画像形式に対応しています。
Shift キーを押しながら画像をプロンプト入力欄にドラッグすると、 ドロップ操作がエディターに渡されず、拡張機能で受け付けられます。
画像に合わせてプロンプトを書く
画像に何が写っているかを説明し、重要な領域を示して、出力と制約を指定します。複数の画像を添付する場合は、それぞれを識別し、ChatGPT がどのように比較すべきかを説明してください。
例：
Compare this checkout screen with the design. Fix spacing and typography only;
do not change behavior. Verify the result with a new screenshot.適切な画像機能を使用する
ChatGPT に視覚的な参照資料を確認してもらう場合は、画像入力を使用します。ChatGPT に画像の作成や編集を依頼する場合は、画像生成を使用してください。