疑難排解

圖片連結失效、破圖怎麼辦?7 個常見原因與預防方法

圖片連結失效、破圖怎麼辦?7 個常見原因與預防方法

辛辛苦苦寫好的文章,過了幾個月回頭一看,圖片全變成小小的破圖圖示;或是傳給朋友的圖片連結,對方說「打不開」。圖片連結失效的原因其實就那幾個,找出是哪一個,大多數都能解決,也能避免再發生。

先做這個檢查:直接打開圖片網址

在破圖的地方按右鍵選「在新分頁中開啟圖片」(手機可以長按),或從原始碼裡找到圖片網址貼到瀏覽器,看看會發生什麼:

直接打開的結果最可能的原因
404、找不到檔案檔案被刪了(原因 1、2),或網址壞了(原因 7)
打得開,放在文章裡卻是破圖防盜連(原因 3)、HTTP 混合內容(原因 5)
打開是一個網頁,不是圖片本身貼成分享頁連結了(原因 4)
403、拒絕存取、網址過期防盜連,或社群平台的暫時網址(原因 3、6)
要求登入雲端硬碟、私人相簿的權限(原因 6)

7 個常見原因

1. 圖床把檔案刪了

有些圖床會清除「太久沒人看」或「沒有登入時上傳」的圖片。例如國外的大型圖床 Imgur 在 2023 年更新服務條款,開始移除沒有綁定帳號、長時間沒有使用的舊內容,不少論壇的舊文章因此出現大量破圖。

解法:從自己的備份重新上傳,再把文章裡的網址換掉。預防:選擇明確寫「永久保存」的圖床,重要的圖片登入後再上傳,日後才找得到、管得到。UPLOADS 預設永久保留,不會因為沒人看或放太久被刪。

2. 設了自動到期,或被自己刪掉

很多服務可以設定「24 小時後刪除」這類的自動到期,上傳時不小心選到,或整理空間時刪錯,連結就失效了。解法:檢查上傳紀錄或後台,重新上傳。

3. 防盜連(Hotlink 保護)

很多網站不允許別的網站直接引用它的圖片:它會檢查請求是從哪個網頁來的,不是自己的網站就拒絕,或換成一張警告圖。所以直接打開網址看得到,放到你的文章裡就破圖。從別人網站複製圖片網址來用,最常遇到這個問題——而且未經同意引用別人的圖片,本身就有著作權的疑慮(見網路圖片可以隨便用嗎)。

解法:取得同意後,把圖片放到允許外連的圖床。UPLOADS 的圖片可以自由外連、不限流量,就是為了讓你貼到任何地方。

4. 貼錯連結類型

圖床通常會給好幾種連結:「分享連結」打開是一個網頁,「直接連結」才是圖片檔案本身。論壇的插入圖片、部落格的圖片欄位、HTML 的 <img> 裡要放的都是直接連結;放成分享連結,就會顯示不出圖片。

以 UPLOADS 為例,分享連結長得像 https://uploads.tw/i/aB3xY9kLm2,直接連結則是 https://r2.uploads.tw/ 開頭、以 .webp 這類副檔名結尾的網址。媒體頁上兩種都有,也直接給好 HTML、BBCode、Markdown 語法,複製貼上就好。各種連結的差別見圖片連結怎麼用。

5. HTTP 和 HTTPS 混用

你的網站是 https://,圖片網址卻是 http:// 開頭,瀏覽器會為了安全擋掉,或自動改成 https 去抓;圖片那一端不支援 https,就變成破圖。解法:把圖片網址改成 https;圖片所在的網站不支援的話,就換一個支援的圖床(UPLOADS 的連結全部都是 https)。

6. 用了會過期、或需要權限的網址

  • 社群平台的圖片網址:在 Facebook、Instagram 上對圖片按右鍵複製的網址,後面通常帶著一長串參數,是有時效的暫時網址,過一陣子就會失效。
  • 雲端硬碟、Google 相簿:權限沒開放、或分享連結被關掉,別人就看不到;它們也不是設計來嵌入網頁的,用改網址的方式嵌入很容易突然失效。
  • 聊天軟體裡的圖片:LINE 這類通訊軟體裡的照片和檔案有保存期限,太久以前的可能已經下載不到。

解法:要長期使用的圖片,放到專門給外連用的圖床,用它的直接連結。

7. 網址壞了

複製時少了一個字、多了空白、編輯器自動把網址轉成別的格式,或網站搬家換了網域、圖片路徑改了,都會讓網址指向不存在的地方。解法:重新從圖床複製一次完整的網址;網站搬家時記得一起處理圖片路徑。

從一開始就避免破圖的 5 個習慣

  1. 用專門的圖床,不要用社群平台、雲端硬碟的網址嵌圖。
  2. 選擇永久保存、允許外連的服務,先看清楚保存規定(各家比較見免費圖床比較)。
  3. 重要的圖片登入後再上傳,日後找得到、管得到。在 UPLOADS 沒登入時傳的,之後在同一個瀏覽器登入,也能一鍵認領回自己的帳號。
  4. 自己留一份原檔。不管圖片放在哪裡,原檔在自己手上,出問題隨時可以補。
  5. 定期檢查重要的頁面,例如每季打開人氣文章看一次,或用網站健檢工具掃描失效的圖片。

想找一個不會亂刪圖、可以自由外連的地方,到 uploads.tw 上傳,免註冊、預設永久保留。

分享

延伸閱讀