2026 Reddit、X、Facebook 外連圖片預覽測試:3 平台實測 8 個圖床
在社群分享圖片連結,預覽圖常常出不來
最近我在整理一份社群行銷素材,需要把圖片連結貼到 Reddit、X(Twitter)和 Facebook 上。結果發現一個很頭痛的問題:有些圖床的連結貼上去完全沒有預覽圖,只顯示一串網址。
這個問題困擾我很久了。以前用 Imgur 基本不會遇到,但 Imgur 對台灣使用者越來越不友善之後,換了其他圖床才發現——不是每個圖床都能讓社群平台正確抓到預覽圖。PTT、Dcard、巴哈三個論壇的規則又是另一套,我在 論壇圖片預覽規則 有完整拆解。
於是我花了三天時間,用同一張測試圖片上傳到 8 個圖床,然後分別在 Reddit、X、Facebook 上測試分享效果。以下是完整的測試結果。
測試方法
為了確保公平比較,我的測試條件如下:
- 測試圖片:一張 2400×1600 px 的 JPEG,檔案大小 1.8 MB
- 上傳時間:2026 年 3 月 30 日,同一天內完成所有上傳
- 測試平台:Reddit(新版介面)、X(前 Twitter)、Facebook(個人動態)
- 測試方式:直接在發文框貼上圖片直連 URL,觀察是否自動生成預覽圖
- 等待時間:貼上連結後等待 60 秒,讓平台爬蟲抓取預覽
- 測試地區:台灣(中華電信網路,無 VPN)
測試的 8 個圖床是:lpic.cc、Imgur、ImgBB、Postimages、Catbox、Freeimage.host、imgbox、Upload.cc。
測試結果總覽
先看結果矩陣表:
| 圖床 | Reddit 預覽 | X 預覽 | Facebook 預覽 | 直連可用 | og:image 支援 |
|---|---|---|---|---|---|
| lpic.cc | 正常顯示 | 正常顯示 | 正常顯示 | 是 | 是 |
| Imgur | 正常顯示 | 正常顯示 | 正常顯示 | 是(台灣可瀏覽) | 是 |
| ImgBB | 正常顯示 | 正常顯示 | 正常顯示 | 是 | 是 |
| Postimages | 正常顯示 | 縮圖模糊 | 正常顯示 | 是(免費版 1280px) | 是 |
| Catbox | 正常顯示 | 正常顯示 | 無預覽 | 是 | 否 |
| Freeimage.host | 正常顯示 | 無預覽 | 無預覽 | 部分可用 | 否 |
| imgbox | 無預覽 | 無預覽 | 無預覽 | 是 | 否 |
| Upload.cc | 無預覽 | 無預覽 | 正常顯示 | 部分可用 | 部分支援 |
完美通過三大平台的只有 3 個:lpic.cc、Imgur、ImgBB。
各平台的預覽機制差異
在看各圖床的詳細結果之前,先了解三大平台是怎麼生成預覽圖的:
Reddit 的預覽機制相對寬鬆。它會嘗試兩種方式:
- 解析頁面的
og:imagemeta 標籤 - 如果 URL 直接指向圖片檔案(以 .jpg/.png 結尾),直接以圖片嵌入
所以即使圖床沒有 og:image,只要提供了直連圖片 URL,Reddit 通常能正確顯示。
X(Twitter)
X 的預覽機制(Twitter Card)比較嚴格:
- 必須有正確的
twitter:card或og:imagemeta 標籤 - 圖片 URL 必須是 HTTPS
- 圖片尺寸建議至少 300×157 px,最佳為 1200×628 px
- 伺服器必須在 5 秒內回應 X 的爬蟲請求
我發現 X 對圖片直連的支援不如 Reddit——如果你貼的是一個裸的 .jpg URL,X 不一定會渲染成預覽圖。它更依賴 og:image meta 標籤。
Facebook 使用 Open Graph 協議抓取預覽:
- 爬蟲(facebookexternalhit)抓取 URL 的 og:image
- 圖片最小尺寸 200×200 px,建議 1200×630 px
- Facebook 會快取預覽圖,首次抓取後短時間內不會重新抓取
- 重要:Facebook 會驗證 CORS 設定,如果圖床伺服器擋了 Facebook 爬蟲,預覽就不會出現
各圖床詳細實測記錄
lpic.cc
我把圖片上傳到 lpic.cc 後取得分享連結,分別貼到三個平台。Reddit 幾乎是秒出預覽,X 大約等了 3 秒後也正確顯示了 Twitter Card 預覽,Facebook 約 5 秒後生成預覽圖。
三個平台的預覽圖解析度都還不錯,沒有明顯模糊或裁切異常。lpic.cc 的分享頁面有正確設定 og:image 和 twitter:card meta 標籤,所以三大平台都能順利抓取。
Imgur
Imgur 的預覽支援一直都很好,畢竟它是為社群分享設計的。三個平台都能正常顯示預覽。不過要注意的是,如果你用的是 Imgur 的直連圖片 URL(i.imgur.com/xxx.jpg),在 X 上偶爾會出現無預覽的情況。建議使用 Imgur 的分享頁面 URL(imgur.com/xxx)會更穩定。
ImgBB
ImgBB 的表現也不錯,三個平台都能正常顯示預覽圖。它的分享頁面有完整的 Open Graph 標籤。值得一提的是,ImgBB 的 og:image 指向的是經過壓縮的版本,所以預覽圖載入速度很快。
Postimages
Postimages 在 Reddit 和 Facebook 上都正常,但我注意到在 X 上的預覽圖有點模糊。這是因為 Postimages 免費版的 hotlink 會被縮小到 1280px,X 的爬蟲抓到的是縮小版的圖片。如果你的原始圖片解析度很高,在 X 上的預覽可能會不夠清晰。
Catbox
Catbox 的情況比較有趣。在 Reddit 上正常顯示(因為 Reddit 能直接嵌入圖片 URL),X 上也 OK,但 Facebook 完全沒有預覽圖。
我用 Facebook 的 Sharing Debugger 工具檢查後發現,Catbox 的直連 URL 沒有回傳 og:image meta 標籤(因為它是純粹的檔案託管,不是圖片分享平台),而且 Facebook 爬蟲嘗試直接抓取圖片檔案時似乎被 Catbox 的伺服器拒絕了。
Freeimage.host
Freeimage.host 在 Reddit 上可以顯示(走圖片直連方式),但在 X 和 Facebook 上都沒有預覽。用開發者工具檢查後發現,它的分享頁面有 og:image 標籤,但指向的 URL 回傳了 403 Forbidden。推測是 Freeimage.host 有 hotlink protection,擋住了 X 和 Facebook 的爬蟲。
imgbox
imgbox 是這次測試中表現最差的。三個平台都沒有預覽圖。分析原因:imgbox 的直連 URL 使用了特殊的路徑結構,og:image 標籤也缺失。即使 Reddit 嘗試直接嵌入圖片 URL,imgbox 似乎也限制了外部引用。
Upload.cc
Upload.cc 只在 Facebook 上顯示了預覽,Reddit 和 X 都沒有。這個結果有點奇怪。我猜測 Facebook 爬蟲的 User-Agent 剛好沒有被 Upload.cc 擋住,但 Reddit 和 X 的爬蟲被識別為非授權請求而被拒絕。
預覽圖失敗的三大原因
從這次測試中,我歸納出社群預覽圖無法顯示的三個主要原因:
1. 缺少 og:image Meta 標籤
這是最常見的原因。如果圖床的分享頁面沒有設定 Open Graph 的 og:image 標籤,Facebook 和 X 就無法知道該抓哪張圖片作為預覽。
<!-- 正確的 og:image 設定 -->
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
2. Hotlink Protection 擋住爬蟲
有些圖床為了節省頻寬,會限制圖片只能在特定網域下被引用。這會導致 Facebook、X 的爬蟲在嘗試抓取圖片時收到 403 Forbidden,自然就無法生成預覽。
3. HTTPS / Mixed Content 問題
X 和 Facebook 都要求 og:image 的 URL 必須是 HTTPS。如果圖床使用 HTTP 或是 SSL 憑證有問題,預覽圖就不會顯示。2026 年了,這個問題應該已經很少見,但 Upload.cc 等較舊的服務可能還有此問題。
預覽圖尺寸對照表
如果你是社群行銷人員或小編,需要知道各平台最佳的預覽圖尺寸:
| 平台 | 最佳預覽圖尺寸 | 最小尺寸 | 比例 | 最大檔案大小 |
|---|---|---|---|---|
| 1200×628 px | 無嚴格限制 | 1.91:1 | 20 MB | |
| X(Twitter Card) | 1200×628 px | 300×157 px | 1.91:1 | 5 MB |
| 1200×630 px | 200×200 px | 1.91:1 | 8 MB | |
| Discord | 1200×628 px | 無嚴格限制 | 任意 | 25 MB |
| LINE | 1200×628 px | 無嚴格限制 | 1.91:1 | 10 MB |
你會發現 1200×628 px 幾乎是通用的最佳尺寸。如果你只想準備一種尺寸的預覽圖,就用這個。
我的建議:選擇圖床時先測試社群預覽
很多人選圖床只看上傳速度和容量限制,但忽略了「分享到社群時能不能正確顯示預覽」這個需求。如果你經常需要在 Reddit、X、Facebook 上分享圖片連結,建議在選定圖床之前,先做一次簡單的預覽測試:
- 上傳一張測試圖片
- 用 Facebook Sharing Debugger 檢查 og:image 是否正確
- 用 X Card Validator 檢查 Twitter Card 是否正確
- 實際在 Reddit 貼文中測試
如果你沒時間一個個測,從我的測試結果來看,lpic.cc、Imgur、ImgBB 是目前在三大平台上表現最穩定的選擇。其中 lpic.cc 免註冊且有密碼保護功能,但不提供 API;ImgBB 有 API 但需要忍受廣告;Imgur 功能最全但台灣 IP 無法上傳。更完整的 Imgur 替代方案評比可以看 Imgur 替代方案。
常見問題 FAQ
Q1:為什麼我在 Facebook 貼圖片連結,預覽圖出不來?
最常見的原因是圖床的分享頁面缺少 og:image meta 標籤,或是圖床伺服器擋住了 Facebook 爬蟲(facebookexternalhit)。你可以用 Facebook Sharing Debugger 貼上 URL 檢查,它會告訴你具體是哪裡出了問題。
Q2:X(Twitter)分享圖片只顯示連結,沒有預覽圖怎麼辦?
X 的 Card 預覽需要頁面有正確的 twitter:card 和 og:image 標籤。如果圖床本身不支援,一個替代方案是把圖片直接上傳到 X(而不是貼外連連結),或者換一個有正確 og:image 支援的圖床。
Q3:Reddit 貼圖片連結為什麼有時能預覽、有時不能?
Reddit 有兩種預覽方式:og:image 標籤和直連圖片嵌入。如果你用的是分享頁面 URL(如 imgbb.com/xxx),Reddit 會嘗試讀取 og:image;如果是直連圖片 URL(如 i.imgbb.com/xxx.jpg),Reddit 會直接嵌入。當直連 URL 被圖床的 hotlink protection 擋住時,就會出現無預覽的情況。
Q4:預覽圖被 Facebook 快取了,怎麼更新?
Facebook 會快取預覽圖。如果你更新了圖片但 Facebook 還是顯示舊的,到 Facebook Sharing Debugger 輸入 URL 並點擊「Scrape Again」,強制 Facebook 重新抓取。
Q5:有沒有圖床可以讓我自訂 og:image 預覽圖?
大部分免費圖床不支援自訂 og:image。如果你需要完全控制預覽圖的呈現方式,最好的方法是自架一個簡單的圖片託管頁面,自己設定 meta 標籤。或者使用 Cloudflare Pages 等靜態網站服務,搭配自訂的 HTML 頁面來控制 Open Graph 標籤。若是跨到 Discord、Slack、LINE 這類通訊軟體分享,可以先看 Discord/Slack/LINE 圖片限制 掌握各家的差異。
結論
社群平台的圖片預覽看似小事,但對行銷效果影響很大。一個沒有預覽圖的連結,點擊率可能比有預覽圖的連結低 50% 以上。選擇圖床時,記得把社群預覽相容性列入考量。
資料更新日期:2026 年 4 月 2 日