이미지 시스템
내부 이미지와 외부 이미지로 장면을 시각화하세요.
왜 이미지를 넣나요?
텍스트만으로도 충분히 재미있는 대화를 할 수 있지만, 이미지가 있으면 비주얼 노벨 같은 경험이 됩니다. 캐릭터의 표정이 바뀌고, 장소가 바뀌고, 분위기가 달라지는 걸 눈으로 볼 수 있으니까요.
작가가 직접 준비한 일러스트, CG, 표정 차분 등을 등록해두면 대화 중 상황에 맞게 자동으로 표시됩니다.
이미지 모드
이미지 탭 상단에서 세 가지 모드를 선택할 수 있습니다.
| 모드 | 설명 | 적합한 상황 |
|---|---|---|
| 내부 이미지 | 직접 업로드한 이미지 사용 | 특정 캐릭터/장면 이미지가 있을 때 |
| 외부 이미지 | URL 패턴으로 외부 이미지 연결 | 체계적인 이미지 서버가 있을 때 |
| 미사용 | 이미지 기능 비활성화 | 텍스트 중심 작품 |
이미지가 깨지지 않는 이유
일반 플랫폼에서는 AI가 이미지 URL을 직접 생성합니다. 문제는 AI가 가끔 URL을 잘못 만든다는 것입니다.
일반 플랫폼
- AI 출력URL 전체
- 깨짐 가능
- 프롬프트규칙 20줄+
AI가 URL을 직접 생성
NoahChat
- AI 출력코드만
- 깨짐 가능
- 프롬프트자동 생성
시스템이 URL 조합
NoahChat에서는 AI는 코드만 출력하고, 시스템이 URL을 조합합니다.
[[IMG:AL/DRESS/01]]AI가 URL을 직접 만들지 않으니까 URL이 깨질 수 없습니다. 또한 짧은 태그만 출력하니까 아웃풋 토큰도 절약됩니다.
내부 이미지
이미지를 직접 업로드하고 폴더로 관리하는 방식입니다.
시작하기
내부 이미지 모드를 선택하면 파일 탐색기가 나타납니다. 기본 폴더가 자동으로 생성되어 있고, 여기에 바로 이미지를 업로드할 수 있습니다.
작품당 최대 300개의 이미지를 업로드할 수 있습니다. 상단에 현재 이미지 수와 한도가 표시됩니다.
폴더 구조
폴더를 만들어서 이미지를 분류할 수 있습니다. 이미지 태그는 폴더명/번호 형식이므로, 폴더명이 곧 태그의 일부가 됩니다.
/AL (앨리스)
/01.png (기쁨)
/02.png (슬픔)
/03.png (화남)
/BOB (밥)
/01.png (기본)
/02.png (전투)- 폴더 이름은 10자 이내
- 드래그로 폴더 순서 변경 가능
- 기본 폴더는 삭제할 수 없습니다 (잠금 아이콘 표시)
이미지 업로드
두 가지 방법으로 업로드할 수 있습니다.
- 업로드 버튼 — 상단의 업로드 버튼 클릭
- 드래그 & 드롭 — OS에서 이미지 파일을 폴더로 직접 드래그
업로드 전에 각 이미지의 이름과 설명(20자)을 편집할 수 있습니다. 이름은 이미지 태그에 포함되지는 않지만 관리용으로 유용합니다.
이미지 태그
AI가 이미지를 출력할 때 사용하는 태그 형식입니다.
[[IMG:폴더명/번호]]예를 들어, AL 폴더의 1번 이미지라면:
[[IMG:AL/01]]이미지를 선택하고 태그 복사 버튼을 누르면 태그가 클립보드에 복사됩니다. 우클릭 메뉴에서도 복사할 수 있습니다.
이미지 관리
- 그리드 크기: 상단 드롭다운에서 대/중/소/극소로 썸네일 크기 조절
- 이미지 재배치: 드래그로 순서 변경
- 다중 선택: Ctrl+A로 전체 선택, 클릭으로 개별 선택
- 우클릭 메뉴: 태그 복사, 편집, 다른 폴더로 이동, 삭제
- 키보드 단축키: Delete로 삭제, Escape로 선택 해제
프롬프트 자동 생성
폴더와 이미지를 등록하면 이미지 출력 가이드 프롬프트가 자동으로 생성됩니다. 이 프롬프트는 AI 채팅 시 자동으로 삽입되어, AI가 적절한 이미지를 출력하도록 안내합니다.
외부 이미지
외부 서버에 호스팅된 이미지를 URL 패턴으로 연결하는 방식입니다.
AI 프롬프트 변환
다른 플랫폼에서 사용하던 이미지 규칙이 있다면, 그대로 붙여넣으면 AI가 자동으로 변환해줍니다.
- 기존 이미지 규칙 프롬프트를 텍스트 영역에 붙여넣기 (5,000자)
- 이미지 규칙 분석 버튼 클릭
- AI가 URL 패턴과 매핑 프롬프트를 자동 생성
분석 기회는 5회로 제한됩니다. 결과가 마음에 들지 않으면 초기화 후 다시 시도할 수 있습니다.
변환이 완료되면 설정 완료 배너가 표시되고, 이미지 테스트에서 결과를 확인할 수 있습니다. 처음부터 직접 설정하려면 아래의 수동 설정 방법을 따르세요.
URL 패턴 설정
URL 패턴에서 동적으로 바뀌는 부분을 {코드명} 형식으로 지정합니다.
https://cdn.example.com/images/{캐릭터}/{의상}/{감정}.pngAI는 대화 맥락에 따라 각 코드를 적절한 값으로 채워서 이미지 URL을 생성합니다.
매핑 프롬프트
매핑 프롬프트는 AI에게 어떤 상황에서 어떤 코드 값을 사용해야 하는지 알려줍니다.
예를 들어:
- 캐릭터가 앨리스면 →
{캐릭터}에 "AL" - 기쁜 장면이면 →
{감정}에 "01"
매핑 프롬프트는 카드로 미리보기되며, 편집 버튼을 눌러 수정할 수 있습니다. Ctrl+Enter로 저장, ESC로 취소할 수 있습니다.
이미지 테스트
외부 이미지 설정이 완료되면 이미지 테스트로 URL이 올바르게 생성되는지 확인할 수 있습니다.
- 조건 시뮬레이터에서 변수 값을 조정
- 각 슬롯에서 코드를 선택
- 모든 슬롯을 선택하면 이미지 미리보기 표시
변수 타입에 따라 시뮬레이터 UI가 달라집니다:
- 리스트(4개 이하): 버튼으로 선택
- 리스트(5개 이상): 드롭다운
- 숫자: 슬라이더 + 직접 입력
- Boolean: 토글
분류 구조 설계
이미지 시스템을 설계할 때 가장 중요한 것은 분류 구조의 단순함입니다.
3단 분류 이하로 유지하는 것이 좋습니다. 복잡한 구조는 AI의 출력 품질을 떨어뜨릴 수 있습니다.
권장 분류 예시:
캐릭터 / 의상 / 감정- 1분류: 캐릭터 (앨리스, 밥)
- 2분류: 의상 (교복, 평상복)
- 3분류: 감정 (기쁨, 슬픔)
4분류 이상으로 복잡해지면 AI가 혼란을 겪을 수 있어요.