AI 사진 설명·ALT 생성기
브라우저 처리이미지를 올리면 AI가 ALT 초안, 게시용 설명, 확인할 시각 요소를 정리하고, 브라우저에서 잰 주요 색·밝기로 '[주요 피사체]가 [상태] 모습' 형태의 ALT 뼈대와 작성 기준을 함께 보여 줍니다.
- AI·사진 기반 결과는 미리보기 또는 재미·참고용입니다. 신원 확인, 채용, 의료·법률 판단처럼 중요한 결정 근거로 사용하지 마세요.
- 파일·이미지·문서 처리 도구는 브라우저 안에서 처리되더라도 원본에 개인정보나 민감 정보가 포함될 수 있습니다. 공유·제출 전 원본과 결과를 한 번 더 확인하세요.
ALT 문구는 화면 읽기 프로그램을 쓰는 사람에게 이미지 내용을 알려 주고, 이미지가 깨졌을 때 대신 보입니다. 하지만 상품·블로그 이미지마다 설명을 새로 쓰는 일은 번거로워 비워 두거나 파일 이름을 넣는 경우가 많습니다.
주요 색 하늘색 60%, 초록색 40% ALT 뼈대: [주요 피사체]가 [무엇을 하는/어떤 상태] 모습. 하늘색과 초록색이 주를 이루는 배경 작성 기준: 125자 안팎, '사진'·'이미지' 같은 말은 빼기
AI 사진 설명·ALT 생성기 사용 가이드
ALT 문구는 화면 읽기 프로그램을 쓰는 사람에게 이미지 내용을 알려 주고, 이미지가 깨졌을 때 대신 보입니다. 하지만 상품·블로그 이미지마다 설명을 새로 쓰는 일은 번거로워 비워 두거나 파일 이름을 넣는 경우가 많습니다.
이 도구는 AI 연결이 되면 512px로 줄인 사본을 Cloudflare Workers AI 이미지 모델에 보내, 첫 줄 ALT 초안, 둘째 줄 게시용 짧은 설명, 셋째 줄 확인할 시각 요소, 넷째 줄 주의 문구를 받아 보여 줍니다.
AI 응답과 별개로 브라우저에서 주요 색과 밝기를 재서, 빈칸만 채우면 되는 ALT 뼈대를 만듭니다. '사진', '이미지' 같은 말을 빼고 125자 안팎으로 쓰라는 작성 기준도 함께 보여 줍니다.
사용 방법
- '사진 업로드'에 설명할 이미지(JPG·PNG·WebP, 최대 15MB)를 올립니다.
- '설명 생성'을 누릅니다.
- AI 초안이나 ALT 뼈대를 보고 실제 피사체와 맥락에 맞게 고칩니다.
- '결과 복사'로 복사해 alt 속성이나 CMS의 대체 텍스트 칸에 붙입니다.
예시: 하늘과 잔디 사진의 ALT 뼈대
800 × 1000px 세로 사진, 위쪽 하늘색·아래쪽 초록색
주요 색 하늘색 60%, 초록색 40% ALT 뼈대: [주요 피사체]가 [무엇을 하는/어떤 상태] 모습. 하늘색과 초록색이 주를 이루는 배경 작성 기준: 125자 안팎, '사진'·'이미지' 같은 말은 빼기
AI 연결이 되면 이 위에 ALT 초안과 게시용 설명이 문장으로 나옵니다.
이럴 때 쓰면 좋아요
- 블로그 글 이미지에 대체 텍스트를 채울 때
- 쇼핑몰 상품 이미지의 ALT를 정리할 때
- 웹 접근성 점검에서 빠진 ALT를 보완할 때
- SNS 게시물에 이미지 설명을 덧붙일 때
문제가 생겼을 때
AI는 상품명, 브랜드, 맥락을 모릅니다. 초안을 출발점으로 삼고 핵심 정보를 직접 넣으세요.
화면 읽기 프로그램은 ALT를 끝까지 읽습니다. 125자 안팎으로 핵심만 쓰고 긴 설명은 본문에 두세요.
꾸밈용 구분선·배경 이미지는 alt=""로 비워 두는 것이 화면 읽기 사용자에게 더 편합니다.
활용 팁
- ALT는 '무엇이 보이는가'보다 '이 글에서 왜 보여 주는가'를 담으면 더 유용합니다.
- 페이지 전체의 ALT 누락은 이미지 ALT 적용률 검사기로 확인하세요.
- Markdown 문서라면 Markdown 이미지 ALT 검사기로 빈 ALT를 찾을 수 있습니다.
자주 묻는 질문
색과 밝기는 브라우저에서 잽니다. AI 초안을 위해 긴 변 512px로 줄인 사본만 Cloudflare Workers AI로 보내며 저장하지 않습니다.
아니요. 신원, 나이, 성별, 민족 같은 판단을 하지 말고 보이는 시각 요소만 쓰라고 지시합니다.
12초 안에 응답이 없거나 1분 4회 한도를 넘으면 측정 기반 ALT 뼈대와 작성 기준만 보여 줍니다.