이미지 주소가 blob:로 시작할 때: 편집 미리보기와 공개 URL 나누기
편집기에서 복사한 이미지 주소가 blob:로 시작한다면, 그대로 오래 사용할 공개 이미지 링크라고 기록하지 마세요. 주소 안에 웹사이트 이름이 들어 있어도 서버에 저장된 이미지 파일의 공유 주소와 같은 뜻은 아닙니다.
편집 중 미리보기 주소와 발행된 이미지 주소를 분리합니다. 먼저 원본 파일과 발행 결과를 보존하고, 공개 페이지에서 실제 이미지와 접근 범위를 확인한 뒤 사용할 링크를 기록하세요.
1. blob: 주소는 무엇을 가리킬까
MDN의 blob: URL 문서는 Blob 또는 MediaSource를 URL을 사용하는 기능과 연결하는 주소라고 설명합니다. 직접 문자열을 만들어 쓰는 주소가 아니라 생성·해제 함수로 관리하는 식별자입니다. 이미지를 화면에 보여 주거나 로컬에서 만든 데이터의 다운로드에 사용할 수 있습니다.
문서가 설명하는 구조에는 만든 환경의 출처와 식별자가 포함됩니다. 따라서 안쪽에 https:와 사이트 이름이 보인다는 이유만으로 그 뒤를 일반 파일 경로처럼 읽으면 안 됩니다. blob: 부분만 지워서 “공개 주소로 변환”하는 방법도 아닙니다.
편집기의 임시 이미지 표시가 정상이라는 사실과, 발행된 글에서 독자가 이미지를 볼 수 있다는 사실은 별도로 확인해야 합니다.
2. data:와 blob:를 같은 링크로 처리하지 않기
| 주소에서 본 것 | 구분할 특징 | 목록에 적을 상태 |
|---|---|---|
data: | 데이터를 주소 안에 담는 방식 | 내장 데이터 여부 확인 |
blob: | 별도의 Blob 또는 MediaSource를 가리키는 식별자 | 편집·미리보기 주소 여부 확인 |
| 일반 웹 이미지 URL | 해당 웹 요청과 접근 조건 확인 필요 | 발행 페이지에서 로딩 확인 |
| 글의 공개 URL | 이미지 파일 주소와 목적이 다름 | 독자에게 안내할 글 주소 |
MDN은 data:와 blob: 모두 메모리 자원을 URL 형태로 나타낼 수 있지만 전자는 데이터를 자체에 담고 후자는 별도의 자원이 필요하다고 구분합니다. 같은 이미지처럼 보이더라도 링크 목록의 용도는 구별하세요.
일반 웹 주소로 보인다는 사실만으로 공개 접근이 보장되는 것도 아닙니다. 미리보기 전용 경로나 권한이 필요한 자료일 수 있으므로 최종 발행 화면에서 확인합니다.
3. 언제까지 열리는지를 고정 숫자로 적지 않기
MDN 설명에 따르면 브라우저는 문서가 내려갈 때 객체 URL을 해제하며, 앱이 더 이상 필요하지 않은 시점에 직접 해제할 수도 있습니다. 접근에는 만든 환경의 출처와 저장소 구분에 따른 제한도 관련됩니다.
이 때문에 “이 주소는 무조건 10분 동안 유효”처럼 공통 만료 시간을 만들지 않습니다. 지금 내 편집 화면에서 열렸다는 기록만 남겨서는 장기 공유를 검증한 것이 아닙니다. 여러 탭에서 같은 문자열을 붙여 넣는 실험을 반복하기보다 서비스가 제공하는 정식 저장·업로드·발행 결과를 확인합니다.
개발 중 객체 URL을 관리하는 경우에도 너무 일찍 해제하면 이미지 저장이나 새 탭 열기 같은 사용자 동작을 방해할 수 있다는 점을 공식 문서에서 확인하세요. 이 글은 블로그의 링크 목록을 정리하는 설명이며 실행용 앱 코드를 제공하는 글이 아닙니다.
4. 편집 이미지를 공개 링크로 기록하는 순서
- 사용할 권한이 있는 원본 이미지 파일을 보존합니다.
- 플랫폼의 지원되는 방식으로 저장·업로드하고 글을 발행합니다.
- 공개 글에서 이미지가 실제로 로딩되는지 확인합니다.
- 공개 글 주소와 이미지 주소를 별도 열로 기록하고 필요한 접근 조건을 적습니다.
- 대표 이미지나 본문 이미지를 바꾸면 바뀐 발행 결과를 다시 확인합니다.
자체 제안 양식은 글 제목 / 공개 글 URL / 이미지 용도 / 발행 이미지 URL / 접근·로딩 확인 / 확인 시각입니다. 미리보기에서 얻은 blob: 문자열은 확인 전 항목으로 따로 두고 공개 링크 열을 대신 채우지 않습니다.
가상 사례의 하린은 편집 중 그림이 잘 보였지만 링크 목록의 이미지 주소가 blob:였음을 발견했습니다. 원본을 보존하고 발행한 글에서 실제 저장된 이미지를 확인한 뒤 목록을 고쳤습니다. 이 사례는 실제 서비스의 오류를 재현한 후기가 아닌 설명용 예시입니다.
5. 자주 묻는 질문
blob: 뒤에 사이트 주소가 있으니 공유해도 되나요?
그 부분은 생성 환경의 출처를 나타낼 수 있습니다. 일반 공개 파일 URL로 단정하지 말고 정식 발행 결과를 확인하세요.
앞의 blob:만 제거하면 웹 이미지 URL이 되나요?
그렇게 변환하는 방식이 아닙니다. 실제 업로드·발행 결과에서 이미지 주소를 확인해야 합니다.
지금 내 브라우저에서 열렸으면 검증이 끝났나요?
편집 환경에서 보인 결과와 독자가 볼 공개 결과는 다릅니다. 공개 페이지의 로딩과 접근 조건을 별도로 기록하세요.
자료 확인: 2026년 10월 5일. 출처: MDN blob: URLs 문서, 2026년 9월 17일 수정. 링크 정리 양식과 하린 사례는 자체 제안 및 가상 예시입니다.
대표 이미지는 AI로 제작한 주제 이미지이며 실제 편집기 화면이 아닙니다. 본문 링크 구분 이미지는 별도로 구성했습니다.
