31. Image inputs 이미지로 맥락 주기
오류 스크린샷, 인터페이스 디자인, 아키텍처 다이어그램, 기존 에셋처럼 시각적 맥락이 필요한 작업에 이미지를 첨부하는 기능입니다. 핵심은 이미지만 던지지 않는 것 — 무엇을 봐야 하는지와 원하는 결과를 함께 써야 합니다.
한 줄 요약
이 페이지에서 배우는 것
- 이미지를 첨부하는 표면별 방법 (Shift 드래그가 필요한 곳)
- CLI에서
-i·--image로 여러 장 넘기기 - 이미지 주변에 프롬프트를 쓰는 4단계 원칙
- 여러 장을 비교시키는 요청 방법
- Image inputs와 Image generation을 언제 나눠 쓰는지
이미지 주변에 프롬프트 쓰기
공식 문서는 원칙 네 가지를 제시합니다.
- 이미지가 무엇을 보여 주는지 이름을 붙입니다.
- 중요한 영역을 지목합니다.
- 원하는 출력과 제약을 명시합니다.
- 여러 장을 붙였다면 각각을 식별하고 어떻게 비교할지 설명합니다.
공식 문서의 예시 프롬프트:
Compare this checkout screen with the design. Fix spacing and typography only; do not change behavior. Verify the result with a new screenshot.
이 한 문장 안에 이미지가 무엇인지(체크아웃 화면), 무엇을 볼지(디자인과 비교), 무엇을 할지(간격·타이포만 수정), 하지 말 것(동작 변경 금지), 검증 방법(새 스크린샷)이 모두 들어 있습니다.
표면별 첨부 방법
| 표면 | 첨부 방법 |
|---|---|
| ChatGPT 데스크톱 앱 | Shift를 누른 채 이미지를 컴포저로 드래그합니다. 내 컴퓨터의 이미지를 살펴보게 하거나 스크린샷 도구로 다른 앱에서 작업 결과를 검증하게 할 수도 있습니다. |
| ChatGPT 웹 | 첨부 · 붙여넣기 · 드래그 모두 가능합니다. |
| Codex CLI | 대화형 컴포저에 붙여넣거나 명령줄에서 파일 경로를 넘깁니다. |
| Chrome 확장 | Shift를 누른 채 드래그합니다. 그래야 에디터로 전달되지 않고 확장이 이미지를 받습니다. |
CLI 예시:
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를 반복합니다.
Image inputs와 Image generation 구분
| 기능 | 언제 쓰나 |
|---|---|
| Image inputs (이 페이지) | ChatGPT가 시각적 참조 자료를 살펴보게 하고 싶을 때 |
| Image generation | ChatGPT가 이미지를 만들거나 편집하게 하고 싶을 때 |
⚠️ 알아 둘 점
- 지원 포맷 — PNG, JPEG를 포함한 일반적인 이미지 포맷을 지원합니다.
- 파일 크기 제한과 이미지 개수 제한은 공식 문서에 명시되어 있지 않습니다.
- 공식 문서에는 IDE 확장 언급이 없습니다.
공식 출처
-
Image inputs
learn.chatgpt.com