AI 초안 이미지가 로컬에서만 보일 때: 상대 경로와 공개 기준 주소를 대조하세요
AI 초안의 이미지가 로컬 미리보기에서 보였다고 공개 글에서도 같은 주소로 로딩되는 것은 아닙니다. 상대 경로는 기준이 되는 문서 주소에 따라 해석됩니다. 업로드한 파일의 공개 주소와 저장된 src를 직접 대조해야 합니다.
1. 상대 경로는 문자열 두 개를 이어 붙이는 규칙이 아닙니다
MDN은 상대 참조를 현재 디렉터리, 상위 디렉터리, 사이트 루트 등을 기준으로 해석한다고 설명합니다. HTML 이미지의 src에는 상대 주소나 절대 주소를 쓸 수 있지만, CMS에서 저장한 글의 위치와 내 컴퓨터 폴더는 같은 기준이 아닙니다.
예시 도메인과 경로는 아래 비교를 위해 만든 것입니다. 실제 사이트나 이미지를 제공하는 주소가 아닙니다. 공개 글에는 자신의 허용된 미디어 저장소에 실제로 올라간 파일 주소를 사용하세요.
2. 끝 슬래시와 맨 앞 슬래시를 대조하는 예시
| 기준 주소 | src 예시 | 해석되는 주소 |
|---|---|---|
| https://example.com/posts/guide/ | photo.jpg | https://example.com/posts/guide/photo.jpg |
| https://example.com/posts/guide | photo.jpg | https://example.com/posts/photo.jpg |
| https://example.com/posts/guide/ | /images/photo.jpg | https://example.com/images/photo.jpg |
첫 두 행은 기준 주소 끝의 슬래시가 다릅니다. 마지막 행의 src는 사이트 루트에서 시작합니다. 이 표를 보고 내 CMS의 파일 경로를 추측해 새로 만들지는 마세요. 경로 해석의 차이를 이해한 뒤 실제 저장된 이미지 주소를 확인하는 용도입니다.
파일이 컴퓨터에만 있다면 먼저 플랫폼의 정상 업로드 기능으로 저장합니다. 업로드 성공 메시지, 파일의 공개 주소, 본문에 반영된 주소를 각각 확인하세요. 파일을 업로드한 것과 HTML의 src를 그 주소로 바꾼 것은 별도 작업입니다.
3. 공개 검수에서 남길 네 가지 증거
편집기에서 보이는 그림과 공개 화면에서 불러오는 그림을 따로 확인하세요. 검수 메모에는 공개 글 주소, 실제 이미지 주소, 이미지 내용에 맞는 alt, 목록 대표 이미지의 로딩 상태를 남길 수 있습니다.
같은 파일명이 두 곳에 있어도 주소가 다르면 다른 요청입니다. 반대로 주소를 절대 URL로 바꾸기만 했다고 파일 존재나 접근 권한까지 확인된 것은 아닙니다. 로그인 상태에만 보이는 파일인지도 공개 화면에서 확인해야 합니다.
수정할 때는 원문을 보존하고 이미지 경로 한 항목부터 바꿉니다. 이후 본문과 목록을 다시 열어 같은 문제가 남는지 확인하세요. 글 전체를 다시 생성하기보다 어느 주소가 어떤 위치에서 해석됐는지 기록하면 다음 수정의 범위가 분명해집니다.
4. 자주 묻는 질문
상대 주소는 항상 잘못된 방식인가요?
아닙니다. 기준 주소와 배포 구조에 맞게 사용할 수 있습니다. 다만 로컬 폴더와 CMS 공개 위치가 같다고 가정하면 안 됩니다.
절대 주소로 바꾸면 파일도 업로드되나요?
아닙니다. 주소 표기와 파일 저장은 다른 작업입니다.
본문 이미지가 보이면 목록 이미지도 완료인가요?
목록 대표 이미지의 지정과 실제 로딩을 따로 확인하세요.
출처: MDN Web Docs, Resolving relative references to a URL. 확인일: 2026년 10월 13일. 예시와 기록 양식은 독자의 조건을 확인하도록 직접 구성했습니다.
추가 근거: MDN HTML images.
대표 삽화는 AI로 제작했으며 본문 설명 도표는 직접 구성했습니다.
댓글
댓글 쓰기