開學小組共筆一貼圖就斷掉?3 平台圖片嵌入與斷圖排錯教學,新生也能一次搞定
開學第一週,我那頁共筆全變成破圖
先講一件糗事。
去年九月開學第一週,我跟三個剛認識的同學開了一份 HackMD 當小組共筆,準備放課程重點跟白板拍照。我興沖沖地把手機截圖一張一張貼進去,自己畫面上看起來超完整,還蠻得意的。結果那天晚上組員傳訊息來:「欸,你那段怎麼都是破圖的小圖示?」
我當時整個愣住。明明我這邊好好的啊!
後來我開了無痕視窗、用另一個帳號登入,才發現組員說的是真的——一整排圖片全部變成那種「載入失敗」的破裂圖示。那種感覺,說真的有點崩潰。第一次跟不熟的同學合作就出這種包,尷尬到想鑽地洞。
別擔心,如果你也遇到這種狀況,這篇就是寫給你的。這件事其實不難,只是沒有人事先告訴你「共筆的圖片有兩種放法」而已。
先搞懂一件事:圖片有「上傳」跟「外連」兩種
這是所有斷圖問題的根源,一定要先弄懂。
簡單來說就是,你在共筆裡放圖片,只有兩條路:
第一條叫上傳。圖片檔案被複製一份,存到共筆平台自己的伺服器上。你可以把它想像成把照片洗出來、貼進實體筆記本——照片就黏在本子上了,本子傳給誰、圖都在。
第二條叫外連(也有人講「嵌入連結」)。共筆裡放的不是圖片本身,而是一個「地址」,指向圖片放在別處的位置。你可以把它想像成筆記本上只寫了一行「照片放在家裡抽屜第三格」。自己走回家打得開抽屜,但別人走到門口就被鎖在外面了。
看懂了嗎?我那次的破圖,就是第二種。我貼的截圖來源是一個只有我自己有權限的地方,組員的瀏覽器根本拿不到那個「抽屜」。
第一次看會覺得這兩個好像差不多,反正圖都有出現。差別要等到「換一個人、換一台電腦、換一個帳號」的時候才會現形——而共筆的本質就是很多人一起看,所以這個坑幾乎人人都會踩。
再打個比方你就懂了:上傳像是把講義印一份、夾進大家共用的資料夾,外連則像在資料夾裡貼一張便利貼,上面寫「檔案放在私人抽屜第三格」。前者誰翻資料夾都拿得到,後者只有握著那把抽屜鑰匙的人打得開。共筆就是一群人一起翻同一個資料夾——你說,哪一種安全?記住這個畫面,後面三個平台的規則其實都是它的變形而已。
HackMD: 很好用,但有兩個隱藏陷阱
HackMD 是很多資工、理工科系小組共筆的首選,因為它即時同步很快,連你還沒按 Enter 的字組員都看得到。它用的是 Markdown 語法。
放圖片最正規的方式,是直接用 HackMD 內建上傳。有三種操作:
- 把圖片檔案直接拖曳進編輯區
- 點工具列的圖片小圖示選檔案
- 複製圖片後直接 Ctrl+V / Cmd+V 貼上
這三種都會幫你自動產生一段  的語法,圖片也會被上傳到 HackMD。這樣做,組員通常都看得到。
不過這裡有第一個陷阱:免費版每張圖只能上傳 1 MB。現在手機隨手一張截圖動輒 2、3 MB,你會發現有些圖傳得上去、有些傳不上去,超過的那張就默默失敗。Prime 付費版才放寬到 20 MB。所以開學要共筆前,養成「先壓縮再貼」的習慣。
我自己實際數過:iPhone 隨手一張全螢幕截圖大概 2.4 MB,遊戲畫面或網頁長截圖甚至衝到 4 MB 以上。這些直接貼進 HackMD 免費版,十張裡大概有三、四張會默默失敗——重點是,它當下不會跳任何錯誤提示,畫面就是安靜地少了幾張,你很容易整份共筆交出去了才發現。所以「先壓再貼」不是龜毛,是真的會救你一命。免費工具用 Squoosh(squoosh.app)就好,把每張壓到 1 MB 以下再貼,HackMD 才吃得下。
第二個陷阱更陰險,也是很多人不知道的規則:HackMD 的圖片權限,跟著它「原始那篇筆記」的權限跑。
什麼意思?假設你在「筆記 A」貼了一張圖,然後把那張圖的網址複製、貼到「筆記 B」共用。只要哪天你把「筆記 A」刪掉,或是把「筆記 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,就代表它是外連、來源哪天掛掉就會跟著斷。花一分鐘先測,總比報告當天在教室裡臉綠來得好,對吧?
Google Doc:插入圖片沒問題,Drive 連結才是地雷
分組報告的最大宗還是 Google Doc,因為門檻最低,全班都會用。
好消息是,Google Doc 的「插入 → 圖片 → 上傳電腦中的圖片」很安全。圖片會被存進這份文件,共用給誰都看得到,幾乎不會斷。這個沒什麼好擔心的。
真正的地雷是另一個入口:「插入 → 圖片 → 以網址上傳」。這裡官方有明講一條規則——你貼的網址不能是 drive.google.com 的連結。也就是說,你不能把自己 Google 雲端硬碟裡某張圖的分享連結拿來當圖片來源,系統根本不收。
更慘的是外連到 Drive 圖片這件事,整個大環境還變得更糟了。根據網路上 2024 年初的大量災情回報,Google 從那時起因為第三方 Cookie 政策的調整,讓很多原本「用 Drive 連結外連圖片」的網頁與文件集體失效。你在自己帳號看得到,換個人、換個環境就是一片空白。這不是你設定錯,是 Google 主動把這條路收窄了。
一句話總結:個人雲端硬碟(Google Drive、Dropbox 這類)的分享連結,天生就不是給「圖片直連」用的,拿去共筆貼圖幾乎必斷。
三個平台貼圖方式,一張表看懂
我把上面講的整理成一張表,共筆前掃一眼就好:
| 平台 | 最穩的放圖方式 | 會斷圖的做法 | 免費版限制 |
|---|---|---|---|
| HackMD | 直接上傳到這份共筆 | 從別篇私人筆記複製圖片連結 | 每張圖 1 MB |
| Notion | 按 Upload 上傳檔案 | 用 Embed link 貼外部網址 | 目前無單檔大小限制 |
| Google Doc | 插入 → 上傳電腦圖片 | 插入 → 以網址上傳 Drive 連結 | 內建,隨文件走 |
看出共通點了嗎?三個平台的「安全解」都是同一句話:讓圖片檔案本身進到共筆裡,而不是丟一個外部地址進去。
為什麼「用雲端硬碟連結」一定會出事
這裡多解釋一層原理,因為理解了你就再也不會踩。
個人雲端硬碟(Google Drive、iCloud、Dropbox)的設計目的,是私人存檔 + 授權分享,不是給網頁「直連圖片」用的。它們的分享連結背後,通常有這三道關卡:
- 權限檢查:對方有沒有被授權?沒授權就擋。
- 登入驗證:很多分享連結其實會偷偷檢查你有沒有登入 Google/Dropbox 帳號。
- 防盜連(Referer 檢查):伺服器會看「這個圖片請求是從哪個網站發出的」,不是自家就拒絕。
共筆平台在幫其他組員渲染圖片時,是用「一個陌生訪客」的身份去敲那個連結的。這三關隨便一關卡住,圖就出不來。而且你自己因為已經登入、已經有權限,永遠測不出問題——這就是為什麼「我這邊明明好好的」會變成經典名場面。
其中最反直覺的是第三關「防盜連」,我第一次聽也是一頭霧水。你可以把它想像成一間員工餐廳:門口警衛只認自家員工證,外面的人拿著同一份菜單走進來,照樣被攔。共筆平台幫組員抓圖時,手上就是沒有那張「員工證」,於是被擋在門外。懂了這層,你大概也就明白,為什麼破圖問題永遠出在別人那邊、永遠不出在自己這台電腦上了。
坦白講,這不是誰的設定太笨,是工具用錯場景。要圖片穩定地被任何人、任何裝置看到,你需要的是一個專門「提供公開直連」的圖片託管服務,也就是俗稱的圖床。
手把手:讓共筆的圖永遠不斷的 SOP
給你一套照做就不會錯的流程,新手必看:
- 開共筆前先想清楚:這份筆記會不會給別人看?只要會,就不能用私人雲端硬碟連結貼圖。
- 能上傳就上傳:HackMD 拖曳/Notion 按 Upload/Google Doc 插入電腦圖片,優先走這條。
- 圖太大先壓縮:手機截圖常常 2、3 MB,用 Squoosh(squoosh.app)之類的免費工具壓到 1 MB 以下,HackMD 才吃得下。
- 需要「一張圖多處共用」時,改用圖床:如果同一張圖要同時放進共筆、Discord、報告投影片,那就把圖丟到一個提供穩定直連的圖床,複製那個網址到處貼,一次到位。
- 上線前一定要用無痕視窗自測:開個無痕分頁、不登入,打開共筆看看圖有沒有全部出現。這一步花你 30 秒,能救你一整組的臉。
第 5 點最重要。就這一步,日後就不會再收到「你那頁怎麼都是破圖」的訊息了。別擔心,當年的我也是靠它救場的——看,其實沒很難吧?
需要穩定直連時,圖床是最省事的解
如果你的圖要跨平台重複用(共筆 + 群組 + 投影片都要放),與其在每個平台分別上傳,不如上傳一次、拿到一條穩定直連,到處貼。這正是圖床存在的意義。
以 lpic.cc 為例,它免註冊就能免費上傳,給你一條可以直接貼進 HackMD 、Notion Embed、或任何 Markdown 的直連網址,走 CDN 分發,任何人任何裝置打開速度都穩定。它還有幾個對共筆蠻實用的功能:可以設密碼保護(敏感的白板照不想被亂看)、閱後即焚(看過就自動失效),甚至也支援影片,不只圖片。
當然要老實說限制:lpic.cc 免費檔案有保存天數的上限(目前為 30 天),也有單檔大小限制,而且是廣告支持的免費服務。所以它適合「開學一學期的共筆、臨時分享」這種場景;如果是要永久典藏、十年後還要翻出來的資料,你得另外做長期備份,別把唯一一份放這。
常見問題 FAQ
Q1:為什麼我看得到圖,組員卻是破圖?
九成是因為你用了「外連」而不是「上傳」,而那個外連來源(通常是你的私人雲端硬碟或某篇私人筆記)只有你有權限。組員的瀏覽器是用陌生訪客身份去抓圖,被權限擋掉就變破圖。解法:改用平台內建的「上傳」,或改用提供公開直連的圖床。
Q2:HackMD 一直說我圖片上傳失敗,怎麼辦?
先檢查圖片大小。免費版每張圖上限是 1 MB,手機截圖很容易超過。用 Squoosh、TinyPNG 這類免費工具壓縮後再貼即可。另外確認你是「上傳」到這份共筆,不是從別篇私人筆記複製連結過來。
Q3:可以直接把 Google 雲端硬碟的圖片連結貼到共筆嗎?
強烈不建議。Google Doc 本身就不接受 drive.google.com 的圖片網址;而在其他平台外連 Drive 圖片,2024 年後也因為 Google 的 Cookie 政策調整大量失效。個人雲端硬碟的分享連結天生不是給「圖片直連」用的,會斷。
Q4:Notion 的 Upload 跟 Embed 到底差在哪?
Upload 是把圖片檔案存進 Notion 自己的雲端,最穩,來源刪了也不影響。Embed 是即時去外部網址抓圖,來源一旦被刪或關權限,就會顯示 Failed to Load。能 Upload 就 Upload。
Q5:一張圖要同時放進共筆、Discord、報告,最省事的做法?
上傳到一個提供穩定直連的圖床(例如免註冊的 lpic.cc),拿一條網址到處貼。這樣只要維護一個來源,任何平台看到的都是同一張圖,也不用在每個地方重傳一次。
參考資料
- 如何上傳圖片 - HackMD 官方文件(存取日期 2026-07)— 圖片上傳三種方式、1 MB / 20 MB 大小限制、刪除與權限規則
- Images, files & media – Notion 幫助中心(存取日期 2026-07)— Notion 上傳與嵌入外連的差異
- IMAGE 函式 / 插入圖片 - Google 文件編輯器說明(存取日期 2026-07)— Google Doc 以網址插入圖片的限制
- Google Drive 外連圖片無法顯示的解決方法 - WFU BLOG(存取日期 2026-07)— 2024 年初 Drive 外連圖片集體失效與第三方 Cookie 政策
- 好用的 Markdown 線上共筆工具 HackMD - iT 邦幫忙(存取日期 2026-07)— HackMD 共筆即時同步特性與適用情境