쇼핑몰·홈페이지에 올릴 배너와 상세 이미지를 클로드(Claude)에 여러 장 한꺼번에 올리면, 파일 이름별 대체텍스트(alt, 화면을 못 보는 사람에게 읽어 주는 이미지 설명)를 표로 받을 수 있어요. 버튼 이미지는 생김새 대신 하는 일을, 꾸밈용 이미지는 빈 alt로 나누도록 W3C 웹 접근성 안내 기준을 프롬프트에 넣었어요.
이런 분께
개발자나 쇼핑몰 관리자가 "이미지 alt 문구 주세요"라고 할 때마다 한 장씩 손으로 쓰는 디자이너·쇼핑몰 MD.
끝나면 이렇게 됩니다
예시로 만든 이미지 3장(가을 메뉴 배너, 니트 상세 이미지, 체험 신청 버튼)을 올려 실제로 돌려 받은 표예요.
| 파일 이름 | 종류 | alt | 메모 |
|---|---|---|---|
| banner-autumn.png | 정보 | 가을 한정 메뉴 밤라떼 출시, 11월 1일부터 30일까지, 5,500원 | 왼쪽 원 안의 '밤라떼' 글자는 제목과 같아 뺌 |
| detail-knit.png | 글자 이미지 | 울 블렌드 니트 가디건. 소재 울 30%, 아크릴 70%. 손세탁 또는 울 코스. 색상 아이보리, 차콜, 버건디. 사이즈 S, M, L | 글자가 많아 본문에도 같은 내용을 글로 넣는 걸 권함 |
| button-trial.png | 기능 | 14일 무료 체험 신청 | 누르면 신청 화면으로 가는 버튼 |
준비물
- 클로드 계정(claude.ai). 무료 요금제도 쓸 수 있지만 5시간·주 단위 사용 한도가 있어요(2026년 11월 기준).
- 올릴 이미지 파일. 공식 도움말 기준 한 대화에 20개까지, JPEG·PNG·GIF·WebP, 한 장에 8000×8000픽셀까지예요(2026년 11월 기준).
- 이미지가 들어갈 페이지를 한 줄로 설명할 말(예: "카페 홈페이지 첫 화면")
따라 하기
- 올리기 전에 파일 이름을 내용이 보이게 바꿔요(예: IMG_2041.png → banner-autumn.png). 표에서 어느 줄이 어느 이미지인지 바로 찾으려면 이게 제일 빨라요.
- claude.ai에서 새 대화를 열고, 입력창 왼쪽 아래 「+」를 눌러 파일 추가 메뉴(영문 화면은 「Add files or photos」)로 이미지를 고르거나, 파일을 입력창에 끌어다 놓아요.
- 아래 프롬프트를 붙여 넣고 [페이지 설명]을 채워 보내요.
- 표가 나오면 바로 검수를 시켜요: "각 줄마다 이미지에 보이는 글자를 그대로 옮겨 적고, alt와 다른 곳을 표시해 줘." 숫자·날짜·가격이 틀린 곳이 여기서 걸려요.
- '꾸밈'으로 분류된 이미지는 직접 한 번 더 판단해요. 같은 그림도 페이지에 따라 정보가 될 수 있어서, 이 판단은 AI보다 페이지를 아는 사람이 정하는 게 맞아요.
- 매주 하는 일이라면 왼쪽 「프로젝트」에서 새 프로젝트를 만들고, 지침 칸에 프롬프트의 '규칙' 부분을 넣어 둬요. 다음부터는 이미지만 올리면 같은 기준으로 나와요. 무료 요금제는 프로젝트를 5개까지 만들 수 있어요(2026년 11월 기준).
- 표를 복사해 스프레드시트에 붙인 뒤 개발자나 쇼핑몰 관리 화면 담당자에게 넘겨요.
복사해서 쓰는 프롬프트
올린 이미지들의 대체텍스트(alt)를 표로 정리해 줘.
이 이미지들이 들어갈 곳: [페이지 설명]
규칙
1. 종류를 먼저 나눠: 정보(내용 전달), 기능(링크·버튼), 글자 이미지(글자가 주 내용), 꾸밈(없어도 이해에 지장 없음)
2. 정보: 이 페이지에서 꼭 알아야 할 내용만 한두 문장으로
3. 기능: 생김새 말고 누르면 무슨 일이 생기는지
4. 글자 이미지: 이미지 속 글자를 빠짐없이 같은 말로
5. 꾸밈: alt는 비워 두고(alt="") 이유를 메모에 한 줄로
6. '이미지', '사진'이라는 말로 시작하지 마
7. 읽히지 않는 글자는 추측하지 말고 [판독 불가]로 표시해
표 열: 파일 이름 | 종류 | alt | 메모