블로그로 돌아가기
활용 사례가이드

개강 조별 공유 노트, 이미지 하나 붙였더니 다 깨졌다? 3개 플랫폼 이미지 삽입·깨짐 해결 2026 가이드

게시일25 min read
공유

개강 첫 주, 제 공유 노트가 통째로 깨진 이미지가 됐습니다

먼저 창피한 얘기 하나.

작년 9월 개강 첫 주에 처음 만난 조원 셋이랑 HackMD로 조별 공유 노트를 열었어요. 강의 핵심이랑 칠판 사진을 올릴 참이었죠. 신나서 폰 스크린샷을 한 장씩 붙였는데, 제 화면엔 완벽하게 잘 보여서 은근 뿌듯했습니다. 그날 밤 조원이 메시지를 보내더군요. "저기, 그 부분 왜 다 깨진 작은 아이콘이야?"

순간 멍했습니다. 내 쪽은 멀쩡한데?

나중에 시크릿 창을 열고 다른 계정으로 로그인해 보니 조원 말이 사실이었어요. 한 줄로 늘어선 이미지가 전부 그 "로딩 실패" 깨진 아이콘으로 변해 있었습니다. 솔직히 좀 무너졌어요. 안 친한 동기랑 처음 협업하는데 이런 사고라니, 쥐구멍에 들어가고 싶더라고요.

걱정 마세요. 같은 상황을 겪는 분이라면 이 글이 딱 여러분을 위한 겁니다. 사실 어렵지 않아요. 그냥 아무도 "공유 노트의 이미지는 두 가지 방식으로 넣는다"를 미리 안 알려줬을 뿐이거든요.

먼저 한 가지만: 이미지엔 '업로드'와 '외부 링크' 두 종류가 있습니다

이게 모든 깨짐 문제의 근원이라 꼭 먼저 잡고 가야 합니다.

간단히 말해, 공유 노트에 이미지를 넣는 길은 딱 둘입니다.

첫 번째는 업로드. 이미지 파일이 복사돼 공유 노트 플랫폼 자체 서버에 저장됩니다. 사진을 인화해서 실물 노트에 붙이는 걸 떠올려 보세요. 사진이 노트에 딱 붙었으니, 노트를 누구한테 넘겨도 이미지는 그대로예요.

두 번째는 외부 링크(임베드 링크라고도 합니다). 공유 노트에 들어가는 건 이미지 자체가 아니라 이미지가 다른 곳에 있는 "주소"입니다. 노트에 "사진은 집 서랍 셋째 칸에 있음"이라고 한 줄 적어둔 걸로 생각하면 됩니다. 나는 집에 가서 서랍을 열지만, 남은 현관에서 잠긴 채로 막혀요.

감이 오시나요? 그때 제 깨진 이미지가 바로 두 번째였습니다. 제가 붙인 스크린샷 출처가 저만 권한 있는 곳이라, 조원의 브라우저는 그 "서랍"에 아예 손이 안 닿았던 거죠.

처음 보면 이 둘이 비슷해 보입니다. 어차피 이미지는 다 뜨니까요. 차이는 "사람이 바뀌고, 컴퓨터가 바뀌고, 계정이 바뀔 때"가 돼야 드러납니다. 그런데 공유 노트의 본질이 여럿이 같이 보는 거라, 이 함정은 거의 누구나 밟습니다.

HackMD: ![](url)는 편하지만 숨은 함정이 둘

HackMD는 컴공, 이공계 조별 공유 노트의 1순위입니다. 실시간 동기화가 빨라서 엔터 치기 전 글자도 조원한테 보이거든요. Markdown 문법을 씁니다.

이미지를 가장 정석으로 넣는 건 HackMD 내장 업로드예요. 세 가지 방법이 있습니다.

  1. 이미지 파일을 에디터에 직접 드래그
  2. 툴바의 이미지 아이콘을 눌러 파일 선택
  3. 이미지 복사 후 Ctrl+V / Cmd+V로 붙여넣기

셋 다 ![](이미지 주소) 문법을 자동 생성하고 이미지를 HackMD에 업로드합니다. 이렇게 하면 보통 조원도 잘 봅니다.

근데 여기 첫 번째 함정. 무료 버전은 이미지 한 장당 1 MB까지만 업로드됩니다. 요즘 폰 스크린샷은 아무렇게나 찍어도 2~3 MB인데, 어떤 건 올라가고 어떤 건 안 올라가는 걸 겪게 돼요. 초과분은 조용히 실패합니다. Prime 유료 버전이 돼야 20 MB로 풀립니다. 그러니 개강 공유 전에 "먼저 압축하고 붙이기" 습관을 들이세요.

제가 실제로 세어봤어요. 아이폰 전체 화면 스크린샷 한 장이 대략 2.4 MB, 게임 화면이나 웹 긴 스크린샷은 4 MB를 넘기도 합니다. 이걸 HackMD 무료 버전에 바로 붙이면 열 장 중 서너 장은 조용히 실패해요. 핵심은, 그 순간 아무 에러도 안 뜬다는 겁니다. 화면에서 조용히 몇 장이 빠질 뿐이라, 공유 노트를 다 넘긴 뒤에야 발견하기 십상이죠. 그래서 "먼저 압축, 그다음 붙이기"는 유난이 아니라 진짜 목숨을 살립니다. 무료 툴은 Squoosh(squoosh.app)면 충분해요. 한 장씩 1 MB 아래로 압축해 붙여야 HackMD가 받아먹습니다.

두 번째 함정은 더 음흉하고, 많은 분이 모르는 규칙입니다. HackMD의 이미지 권한은 그 "원본 노트"의 권한을 따라갑니다.

무슨 뜻이냐. "노트 A"에 이미지를 붙이고, 그 이미지 주소를 복사해 "노트 B"에 공유했다고 칩시다. 나중에 "노트 A"를 삭제하거나 읽기 권한을 나만 보게 바꾸면, "노트 B"의 그 이미지도 같이 죽어 깨진 이미지가 됩니다.

그래서 HackMD 공유 노트에서 제일 안전한 방식은, 이미지를 이 공유 노트 자체에 직접 업로드하는 거예요. 다른 개인 노트에서 링크 복사해 오지 말고요. 이 한 줄만 기억해도 깨짐 확률이 절반으로 줄어듭니다.

Notion: 같은 '붙여넣기'가 업로드일 수도, 외부 링크일 수도

Notion은 문법을 안 배워도 되고 인터페이스가 예뻐서, 조별 발표 정리 페이지로 많이 씁니다. 근데 이미지 로직이 오히려 신입생을 더 헷갈리게 해요.

Notion에서 이미지를 넣으면 선택지가 두 개 보입니다.

  • Upload(업로드): 컴퓨터에서 파일 선택, 또는 이미지를 페이지에 드래그. 이 이미지는 Notion 자체 클라우드에 저장돼 제일 안정적입니다.
  • Embed link(임베드 링크): 이미지 주소를 붙여넣기.

핵심은 여기. Embed link의 본질이 바로 외부 링크입니다. Notion은 그저 "그 주소에 실시간으로 가서 이미지를 가져와 표시"할 뿐이에요. 출처 쪽에서 이미지가 삭제되거나 권한이 닫히는 순간, 여러분 Notion 페이지엔 차가운 Failed to Load 한 줄이 뜹니다.

저도 처음엔 왜 어떤 이미지는 안정적이고 어떤 건 며칠 뒤 죽는지 이해를 못 했어요. 알고 보니 아주 단순하더군요. 차이는 제가 Upload를 눌렀는지 Embed를 눌렀는지, 그 하나였습니다.

오해 하나 풀어드릴게요. Notion 무료 버전은 이제 "업로드 파일 크기" 단일 파일 제한이 없습니다(예전엔 5 MB 상한이 있었지만 폐지됐어요). 그러니 Notion에선 바로 Upload 할 수 있으면 Upload 하세요. 편하다고 출처 불명 외부 링크를 붙이지 말고요.

신입생이 잘 놓치는 소소한 팁 하나. Embed로 이미지를 붙인 뒤 안정적인지 확인하려면, 그 페이지를 공개 링크로 공유한 다음 폰이나 로그인 안 한 브라우저로 열어보는 게 제일 빠릅니다. 한 장이라도 Failed to Load로 변하면 그건 외부 링크라 출처가 언젠가 죽으면 같이 끊긴다는 신호예요. 1분 먼저 테스트하는 게, 발표 당일 강의실에서 얼굴 하얗게 질리는 것보다 낫잖아요?

Google Docs: 이미지 삽입은 문제없지만, Drive 링크가 진짜 지뢰

조별 발표의 최대 다수는 여전히 Google Docs입니다. 문턱이 제일 낮아 전공 불문 다 쓰거든요.

좋은 소식은, Google Docs의 "삽입 → 이미지 → 컴퓨터에서 이미지 업로드"는 안전하다는 겁니다. 이미지가 이 문서 안에 저장돼 누구에게 공유해도 보이고 거의 안 끊겨요. 여긴 걱정할 게 없습니다.

진짜 지뢰는 다른 입구예요. "삽입 → 이미지 → URL로 업로드". 여기엔 공식이 명시한 규칙이 하나 있습니다. 붙이는 주소가 drive.google.com 링크면 안 됩니다. 즉 내 Google 드라이브에 있는 이미지의 공유 링크를 이미지 출처로 쓸 수 없어요. 시스템이 아예 안 받습니다.

더 나쁜 건, Drive 이미지를 외부 링크로 거는 것 자체가 대환경적으로 더 나빠졌다는 점입니다. 2024년 초 대량 장애 제보에 따르면, Google이 그때부터 서드파티 쿠키 정책 조정 탓에 "Drive 링크로 이미지 외부 링크"를 걸던 수많은 웹페이지와 문서를 집단 무력화시켰어요. 내 계정에선 보이는데 사람 바뀌고 환경 바뀌면 그냥 백지입니다. 이건 설정 잘못이 아니라 Google이 이 길을 스스로 좁힌 거예요.

한 줄 요약: 개인 클라우드 드라이브(Google Drive, Dropbox류)의 공유 링크는 태생적으로 "이미지 직링크"용이 아닙니다. 공유 노트에 이미지로 붙이면 거의 무조건 끊깁니다.

세 플랫폼 이미지 삽입 방식, 표 하나로 정리

위 내용을 표로 묶었어요. 공유 노트 전에 한 번 훑으면 됩니다.

플랫폼 제일 안정적인 방식 깨지는 방식 무료 버전 제한
HackMD 이 공유 노트에 직접 업로드 다른 개인 노트에서 이미지 링크 복사 이미지당 1 MB
Notion Upload로 파일 업로드 Embed link로 외부 주소 붙이기 현재 단일 파일 크기 제한 없음
Google Docs 삽입 → 컴퓨터 이미지 업로드 삽입 → URL로 Drive 링크 업로드 내장, 문서 따라감

공통점 보이시죠? 세 플랫폼의 "안전 해법"은 전부 같은 한 문장입니다. 이미지 파일 자체를 공유 노트 안으로 넣기. 외부 주소를 던지지 말고요.

왜 '클라우드 드라이브 링크'는 반드시 사고가 나나

여기 원리를 한 겹 더 풀어둘게요. 이해하면 다시는 안 밟거든요.

개인 클라우드 드라이브(Google Drive, iCloud, Dropbox)의 설계 목적은 개인 보관 + 권한 공유지, 웹이 "이미지를 직접 로드"하라고 만든 게 아닙니다. 이들의 공유 링크 뒤엔 보통 세 관문이 있어요.

  1. 권한 검사: 상대가 권한 받았나? 없으면 차단.
  2. 로그인 확인: 많은 공유 링크가 은근슬쩍 Google/Dropbox 로그인 여부를 검사합니다.
  3. 핫링크 방지(Referer 검사): 서버가 "이 이미지 요청이 어느 사이트에서 왔나"를 보고, 자기 사이트가 아니면 거부.

공유 노트 플랫폼이 다른 조원에게 이미지를 렌더링할 땐, "낯선 방문객" 신분으로 그 링크를 두드립니다. 이 세 관문 중 아무거나 하나만 막혀도 이미지가 안 나와요. 그런데 여러분 본인은 이미 로그인돼 있고 권한이 있어서 문제를 영영 못 잡아냅니다. 이게 바로 "내 쪽은 멀쩡한데"가 명장면이 되는 이유예요.

셋 중 제일 반직관적인 게 세 번째 "핫링크 방지"입니다. 저도 처음 듣곤 어리둥절했어요. 회사 구내식당을 떠올려 보세요. 입구 경비가 자기 회사 사원증만 인정하니, 밖의 사람이 같은 메뉴판을 들고 들어와도 그대로 막힙니다. 공유 노트 플랫폼이 조원 대신 이미지를 가지러 갈 때 손에 그 "사원증"이 없어 문밖에 막히는 거죠.

솔직히 이건 누구 설정이 멍청해서가 아니라, 툴을 엉뚱한 상황에 쓴 겁니다. 이미지를 누구든 어떤 기기에서든 안정적으로 보이게 하려면, "공개 직링크 제공"에 특화된 이미지 호스팅 서비스가 필요합니다. 흔히 말하는 이미지 호스팅이요.

손으로 짚는 SOP: 공유 노트 이미지 영영 안 끊기게

따라만 하면 안 틀리는 흐름을 드립니다. 신입생 필독이에요.

  1. 공유 노트 열기 전에 먼저 판단: 이 노트를 남이 볼 건가? 볼 거면 개인 클라우드 드라이브 링크로 이미지 붙이면 안 됩니다.
  2. 업로드 가능하면 업로드: HackMD 드래그 / Notion Upload / Google Docs 컴퓨터 이미지 삽입을 우선으로.
  3. 이미지 크면 먼저 압축: 폰 스크린샷은 흔히 2~3 MB. Squoosh(squoosh.app) 같은 무료 툴로 1 MB 아래로 눌러야 HackMD가 받습니다.
  4. "한 장을 여러 곳에 공유"할 땐 이미지 호스팅으로: 같은 이미지를 공유 노트, 카카오톡·라인 단톡방, 발표 슬라이드에 동시에 넣어야 한다면, 안정적 직링크를 주는 이미지 호스팅에 올리고 그 주소를 곳곳에 붙이면 한 방에 끝납니다.
  5. 올리기 전 반드시 시크릿 창으로 자가 점검: 시크릿 탭 열고, 로그인 안 한 채로 공유 노트를 열어 이미지가 전부 뜨는지 보세요. 이 30초가 조 전체 얼굴을 살립니다.

5번이 제일 중요합니다. 이 한 단계면 앞으로 "네 페이지 왜 다 깨졌어" 메시지를 다시는 안 받아요. 걱정 마세요. 그 시절의 저도 이걸로 겨우 수습했으니까요. 봐요, 사실 별거 아니죠?

안정적 직링크가 필요할 때, 이미지 호스팅이 제일 편한 해법

이미지를 여러 플랫폼에 반복해 써야 한다면(공유 노트 + 단톡방 + 슬라이드 다 넣어야 한다면), 플랫폼마다 따로 업로드하느니 한 번 올려 안정적 직링크 하나를 받아 곳곳에 붙이는 게 낫습니다. 이게 이미지 호스팅이 존재하는 이유예요.

lpic.cc를 예로 들면, 가입 없이 무료 업로드가 되고, HackMD ![](url), Notion Embed, 아무 Markdown에나 바로 붙일 수 있는 직링크를 줍니다. CDN 분산이라 누가 어떤 기기로 열어도 속도가 안정적이에요. 공유 노트에 꽤 쓸모 있는 기능도 있습니다. 비밀번호 보호(민감한 칠판 사진을 아무나 못 보게), 열람 후 자동 소멸(보고 나면 자동 만료), 심지어 영상도 지원합니다.

한계도 솔직히 말할게요. lpic.cc 무료 파일은 보관 일수 상한이 있고(현재 30일), 단일 파일 크기 제한도 있으며, 광고로 유지되는 무료 서비스입니다. 그래서 "개강 한 학기 공유 노트, 임시 공유" 같은 상황엔 잘 맞아요. 영구 소장, 10년 뒤에도 꺼낼 자료라면 별도로 장기 백업을 해야 합니다. 유일한 한 부를 여기 두지 마세요.

자주 묻는 질문 FAQ

Q1: 왜 저는 이미지가 보이는데 조원은 깨져 보이나요?

90%는 "업로드"가 아니라 "외부 링크"를 썼기 때문이고, 그 외부 링크 출처(보통 내 개인 클라우드 드라이브나 어떤 개인 노트)에 나만 권한이 있어서예요. 조원 브라우저는 낯선 방문객 신분으로 이미지를 가지러 가다 권한에 막혀 깨집니다. 해법은 플랫폼 내장 "업로드"로 바꾸거나, 공개 직링크를 주는 이미지 호스팅으로 바꾸기.

Q2: HackMD가 자꾸 이미지 업로드 실패라는데 어쩌죠?

먼저 이미지 크기 확인. 무료 버전은 한 장 상한이 1 MB라 폰 스크린샷은 쉽게 초과합니다. Squoosh, TinyPNG 같은 무료 툴로 압축한 뒤 붙이세요. 그리고 이 공유 노트에 "업로드"하는 건지, 다른 개인 노트에서 링크 복사해 온 건 아닌지 확인하고요.

Q3: Google 드라이브 이미지 링크를 공유 노트에 바로 붙여도 되나요?

강력히 비추천. Google Docs 자체가 drive.google.com 이미지 주소를 안 받고, 다른 플랫폼에서 Drive 이미지를 외부 링크로 걸어도 2024년 이후 Google 쿠키 정책 조정으로 대량 무력화됐어요. 개인 클라우드 드라이브 공유 링크는 태생이 "이미지 직링크"용이 아니라 끊깁니다.

Q4: Notion의 Upload와 Embed, 대체 뭐가 다른가요?

Upload는 이미지 파일을 Notion 자체 클라우드에 저장해 제일 안정적이고 출처가 삭제돼도 영향 없어요. Embed는 실시간으로 외부 주소에서 이미지를 가져오는 거라, 출처가 삭제되거나 권한이 닫히면 Failed to Load가 뜹니다. Upload 가능하면 Upload 하세요.

Q5: 한국 대학생이 특히 자주 밟는 이미지 깨짐 상황이 있나요?

네이버 블로그나 티스토리에서 이미지 주소를 복사해 공유 노트에 붙이는 경우가 흔한데, 이들도 도메인에 따라 핫링크 방지가 걸려 외부에선 끊길 수 있습니다. 또 카카오톡 단톡방에 뜬 이미지의 임시 URL을 그대로 붙이는 것도 위험해요. 그 URL은 만료됩니다. 이럴 땐 파일을 내려받아 공유 노트에 직접 업로드하거나, 안정적 직링크를 주는 이미지 호스팅에 다시 올리는 게 정답입니다.

참고 자료

#공유 노트#HackMD#Notion#Google Docs#이미지 삽입#이미지 깨짐#대학 신입생
S

작성자

Sandy Lin

초보자 가이드

초보자 입장에서 가장 쉬운 방식으로 모든 단계를 설명합니다.