디지털 기기 이미지 출처와 대체 텍스트, 첫 편집 순서

디지털 기기 사이트에 제품 이미지를 올릴 때는 보기 좋은 사진을 고르는 것만으로 충분하지 않습니다. 어디에서 가져왔는지, 어떤 방식으로 사용할 수 있는지 확인하고, 이미지가 전달하는 정보를 대체 텍스트로 설명해야 합니다. 처음 편집한다면 아래 순서대로 한 장씩 처리하세요.

1. 이미지가 맡을 역할부터 정하기

먼저 이미지가 제품의 형태를 보여주는지, 기능을 설명하는지, 페이지 분위기를 만드는지 구분합니다. 제품 사진은 색상과 단자 위치처럼 구매 판단에 필요한 특징이 잘 보이는지 살피고, 장식 이미지는 본문 내용을 반복하지 않는지 확인합니다.

• 이미지가 놓일 페이지와 주변 문장을 적습니다.
• 이미지가 전달해야 할 정보 한 가지를 정합니다.
• 같은 내용을 제목과 본문이 이미 충분히 말한다면, 이미지를 추가해야 하는지 다시 판단합니다.

**가상 예시:** 무선 키보드 상세 페이지에는 키 배열과 측면 두께를 보여주는 사진을 고르고, 첫 화면의 분위기용 이미지는 제품의 실제 색상이나 모양을 오해하게 만들지 않는지 확인합니다.

2. 출처와 사용 조건 기록하기

직접 촬영한 이미지라면 촬영자와 원본 파일 위치를 기록합니다. 외부에서 받은 이미지라면 제공자, 원본 페이지, 사용 허가 범위, 필요한 표기 조건을 함께 적어 둡니다. 허가가 명확하지 않으면 게시하지 말고, 사용 조건을 확인하거나 다른 이미지를 선택합니다. 검색 결과에 보인다는 이유만으로 사용 권한이 있다고 간주하지 마세요.

TalkTalkMySite에서는 라이선스가 있는 스톡 이미지와 동영상을 검색할 수 있습니다. 사용할 항목을 고른 뒤에도 표시되는 라이선스 조건을 확인하고, 필요한 경우 출처 표기나 사용 제한을 작업 기록에 남기세요. 스톡 검색이 모든 외부 이미지의 사용 권한을 대신 확인해 주는 것은 아닙니다.

• 파일명 또는 작업 기록에 이미지의 출처를 남깁니다.
• 허용된 사용 범위와 표기 조건을 확인합니다.
• 권한이 불명확한 파일은 게시 후보에서 제외합니다.

3. 이미지 선택과 배치 편집

시각 편집에서 해당 페이지나 영역을 열고, 정한 역할에 맞는 이미지를 넣습니다. 비슷한 제품 사진을 여러 장 쓴다면 각 이미지가 다른 정보를 보여주는지 살핍니다. 첫 화면 슬라이더를 사용한다면 TalkTalkMySite의 슬라이더에는 최대 다섯 장까지 넣을 수 있지만, 제한까지 채울 필요는 없습니다. 각 장면이 서로 다른 정보를 보태는지 먼저 확인하세요.

자르기나 크기 조정 후에는 제품의 중요한 부분이 잘리지 않았는지 점검합니다. 화면 크기에 따라 보이는 영역이 달라질 수 있으므로 저장 전 미리보기에서 제목이나 버튼이 이미지의 핵심 부분과 겹치지 않는지 확인하세요. 필요하면 장식 요소를 줄이거나 더 적합한 이미지를 고릅니다.

4. 대체 텍스트는 보이는 정보에 맞게 작성하기

대체 텍스트는 이미지를 볼 수 없을 때 이미지가 전달하는 핵심 정보를 짧고 구체적으로 설명합니다. 이미지에 없는 사양이나 효과를 덧붙이지 말고, 주변 문장과 똑같은 표현을 반복하지 않습니다. 화면에 표시되는 캡션이 이미 같은 정보를 제공한다면 대체 텍스트를 불필요하게 길게 만들지 마세요.

**가상 예시:** 검은색 무선 키보드 사진이라면 “검은색 무선 키보드, 오른쪽 위에 전원 표시등”처럼 실제로 확인되는 특징을 씁니다. 단순한 장식 배경이라면 이미지 자체의 세부 묘사가 페이지 이해에 도움이 되는지 먼저 판단하고, 편집 화면에서 제공되는 장식 이미지 처리 방식이 있다면 목적에 맞게 사용합니다.

• 제품명만 적지 말고 이미지에서 확인되는 구별점을 덧붙입니다.
• 이미지에 보이지 않는 연결 방식이나 성능은 추측해 쓰지 않습니다.
• 대체 텍스트 입력 위치와 처리 방식은 편집 화면에서 확인합니다.

5. 게시 전 출처·텍스트·화면 확인

저장한 뒤 데스크톱과 모바일 미리보기에서 이미지가 제대로 보이는지 확인합니다. 대체 텍스트가 이미지 내용을 정확히 설명하는지, 이미지와 주변 설명이 서로 모순되지 않는지 다시 읽습니다. 게시 후에도 페이지를 직접 열어 자르기와 텍스트 표시를 확인하고, 출처 기록을 함께 보관하세요.

• 출처와 사용 조건을 기록했는가?
• 이미지가 페이지에서 맡은 역할에 맞는가?
• 대체 텍스트가 사실에 근거하며 중복을 줄였는가?
• 모바일에서도 핵심 제품 정보와 페이지 내용이 읽히는가?

이미지 한 장을 먼저 완성해 이 절차를 시험한 뒤 나머지 페이지에 적용하면 수정 범위를 파악하기 쉽습니다. 다음 작업에서는 대표 이미지 한 장을 골라 출처 기록, 대체 텍스트, 모바일 미리보기를 차례로 점검하세요.