AI로 만든 이미지의 대체 텍스트(alt text) 쓰는 법

이미지를 만들었는데 딱 마음에 들고, 이제 페이지 편집기가 "alt text"를 입력하라고 합니다. 대부분은 파일 이름을 적거나, 프롬프트를 붙여 넣거나, 칸을 비워 둡니다. 세 방법 모두 이 입력란을 낭비합니다. 대체 텍스트는 그림이 보이지 않을 때 그림을 대신하는 몇 마디입니다. 화면 낭독기 사용자, 느린 연결로 접속한 방문자, 페이지를 읽는 검색 엔진을 위한 것입니다. 직접 생성한 이미지에 쓰는 짧고 실용적인 방법을 소개합니다.

대체 텍스트는 실제로 무엇을 위한 것일까

역할은 하나입니다. 그림이 놓인 자리에서, 그림이 눈으로 보는 방문자에게 주는 것을 독자에게 전달하는 것입니다. 캡션이 아니고(캡션은 모두에게 보이며 맥락을 더합니다), 키워드 입력란도 아닙니다. 검색 엔진도 읽으며 명확하고 정직한 설명은 페이지를 이해하는 데 도움이 되지만, 검색어를 잔뜩 끼워 넣은 문장은 누구에게도 도움이 되지 않고 화면 낭독기 사용자는 바로 알아챕니다.

간단한 공식

다음 순서로 세 가지를 물어보고, 답을 모아 평범한 문장 하나를 쓰세요.

1. 01이것은 무엇인가? 일상적인 말로 표현한 주된 피사체: 도자기 머그잔, 등대, 막대 차트.
2. 02여기서 무엇이 중요한가? 페이지에 필요한 디테일: 제품의 색, 표지의 분위기, 차트의 추세.
3. 03어떤 종류의 그림인가? 의미가 달라질 때만: 일러스트, 3D 렌더, 사진풍 렌더, 수채화.

대략 한 문장으로 마무리하세요. "image of", "picture of"에 해당하는 "이미지", "사진" 같은 말은 생략하세요. 화면 낭독기가 이미 이미지라고 알려 줍니다.

정보 전달용인지 장식용인지 먼저 정하기

무엇이든 쓰기 전에, 그림이 옆의 글에 없는 정보를 담고 있는지 물어보세요. 제품 페이지의 제품 사진은 담고 있습니다. 제목 뒤의 잔잔한 추상 배경은 그렇지 않습니다. 장식용 그림에는 빈 alt 속성(alt="")을 넣어야 하며, 이는 보조 기술에 건너뛰라고 알려 줍니다. 한 페이지에서 "보라색 그러데이션과 부드러운 빛"을 세 번이나 듣게 하는 설명보다 훨씬 낫습니다.

• 정보 전달용: 제품 사진, 무언가를 설명하는 일러스트, 차트, 글의 표지. 설명을 쓰세요.
• 장식용: 질감, 구분선, 분위기 배경, 제목만 반복하는 헤더 이미지. alt를 비워 두세요.
• 기능용: 링크나 버튼 안의 그림. 어떻게 생겼는지가 아니라 어디로 가는지, 무엇을 하는지를 적으세요.

스타일은 솔직하게 쓰기

생성한 그림은 실제 장소를 찍은 사진이 아니며, 대체 텍스트도 그런 척해서는 안 됩니다. 스타일이 독자에게 중요하다면 무엇인지 밝히세요. "해 질 녘 절벽 위 등대 일러스트" 또는 "오크 테이블 위 도자기 머그잔 제품 렌더링 이미지"처럼요. 촬영된 적 없는 것에 "사진"이라고 쓰지 마세요. 요점은 도구를 홍보하는 것이 아니라, 스스로 확인할 수 없는 사람을 오해하게 만들지 않는 것입니다. 생성한 이미지를 게시한다면 AI 이미지 구별 가이드가 그 정직함의 반대편을 다룹니다.

세 가지 예시

제품 사진

쇼핑 페이지에서 독자에게 필요한 것은 고객이 보게 될 것입니다. 색, 형태, 그리고 중요할 때만 배경입니다.

일러스트

분위기를 만드는 블로그 표지라면 짧은 한 문장이면 충분하고, 제목이 이미 말해 준다면 alt를 비워 두어도 좋습니다.

차트 같은 이미지

이 경우 그림이 데이터를 담고 있으므로 alt가 핵심 메시지를 전해야 합니다. 주의하세요. 이미지 모델은 차트처럼 보이는 것을 그리지만 숫자와 라벨은 믿을 수 없습니다(손과 글자 가이드에서 이유를 설명합니다). 진짜 차트는 차트 도구에서 만들고, alt는 그 실제 데이터로 쓰세요. 전체 수치는 표나 옆의 본문에 넣으세요.

프롬프트는 초안으로, 복사하지 말기

직접 쓴 프롬프트는 이미 피사체를 담고 있어 쓸 만한 첫 초안입니다. 하지만 그대로 붙여 넣지는 마세요. 좋은 프롬프트는 모델을 위한 레시피여서 조명 용어, 카메라 용어, 스타일 태그가 들어 있고, 듣는 사람에게는 아무 의미가 없습니다(프롬프트 가이드에서 모델에게 왜 도움이 되는지 다룹니다). 또 프롬프트는 원했던 것을 묘사하지만, 대체 텍스트는 완성된 그림에 실제로 있는 것을 묘사해야 합니다. 모델은 어긋나기도 합니다. 세 번째 머그잔에는 손잡이가 없을 수도 있습니다. 결과를 보고, 프롬프트의 피사체는 남기고 기술 용어는 빼고, 요청대로 나오지 않은 부분은 고치세요.

간단한 체크리스트

• 그림은 정보 전달용인가, 장식용인가, 기능용인가?
• 한 문장, 피사체가 먼저, "이미지" 같은 말은 빼기.
• 모든 디테일이 아니라 이 페이지에 필요한 디테일.
• 중요할 때는 그림의 종류를 밝히기(일러스트, 렌더).
• 프롬프트가 아니라 최종 이미지와 일치하기.
• 키워드 나열 없이, 파일 이름 없이.

스튜디오가 하는 일과 하지 않는 일

스튜디오는 그림을 만들 뿐, 대체 텍스트를 대신 써 주거나 다운로드 파일에 넣어 주지 않습니다. 그림은 2K로 도착하고, 설명은 게시하는 곳에서 직접 쓰는 것이 맞습니다. 페이지의 맥락을 아는 곳이 거기이기 때문입니다. 판단은 여러분 몫입니다. 그림이 무엇을 위한 것인지는 여러분만 압니다. 제품과 표지 작업에는 제품 사진과 블로그 헤더 이미지 글에서 이 조언이 적용되는 이미지를 볼 수 있습니다. 만들려면 스튜디오를 열고, 제공되는 스타일은 모델 페이지에서 확인하세요.