FB 上傳照片畫質會變模糊，九成的原因不是手機鏡頭不夠好，而是「格式沒選對、尺寸不到位、App 高畫質開關沒打開」這三件事。把 JPG 品質設 80-85%、色彩空間用 sRGB、貼文用 1200×630px 或 1080×1080px、iPhone 進 Facebook App 把「上傳高畫質相片」打開，這套流程我自己跑了七年、輔導過約 80 位部落客都這樣處理，照片上傳後幾乎看不到失真。這篇從原理講到實際操作，FB、IG、部落格三邊的圖片工作流一次打包，照著做不再模糊。
為什麼 FB、IG 上傳照片會變模糊？平台壓縮機制全解
「我用 iPhone 拍的照片，上傳 FB 怎麼變這麼糊？」這是部落客最常問我的問題。答案是 FB、IG 為了節省伺服器空間，所有上傳照片都會被自動壓縮，這是平台規則、無法跳過。
Facebook 跟 Instagram 屬於同一個 Meta 集團，後端用相似的壓縮邏輯。只要你的照片格式、尺寸、上傳設定其中一項沒對到平台的甜蜜點，壓縮演算法就會啟動更積極的處理，畫質掉得特別兇。
照片變糊不外乎下面三層原因：
- 格式不對：上傳了 PNG 大檔，平台幫你轉成 JPG，第二次壓縮才是模糊主因
- 尺寸超規格：丟了 4000px 的原檔上去，平台縮到 2048px 同時加重壓縮
- App 設定沒開：手機 App 預設關閉高畫質上傳，照片在你手機就先被降到 960×720px
理解這三層之後，下面的段落會告訴你怎麼在每一層讓平台少壓你一點。
格式怎麼選？JPG、PNG、WebP 上社群該用哪個
直接給結論：上社群用 JPG、品質 80-85%、色彩空間 sRGB。這是部落客視角最不會出錯的組合，搭配下一段的尺寸調整，幾乎能避開九成的模糊問題。
每個格式上傳到 Meta 系統的處理方式不一樣：
| 格式 | 平台處理 | 上 FB／IG 結果 | 適用情境 |
|---|---|---|---|
| JPG 80-85% | 平台再壓縮一次但失真小 | 畫質穩定 | 一般照片、人像、風景 |
| PNG | 強制轉 JPG，二次壓縮 | 失真比直接上 JPG 更明顯 | 不建議用於照片 |
| WebP | 部分版本不支援、會回退 | 不穩定 | 部落格用，不建議上社群 |
| HEIC（iPhone） | 上傳前自動轉 JPG | 多一道轉檔損耗 | 上傳前先轉 JPG |
JPG 80-85% 是甜蜜點的原因：再往上設 95% 檔案會變兩倍大、但人眼幾乎分不出差異；往下設 70% 則開始出現可見的塊狀失真。80-85% 是檔案大小跟畫質的最佳平衡點。
至於 WebP，在部落格場景是優秀格式（細節可參考 WebP 是什麼？這個圖檔格式讓網站變快也讓 SEO 加分），但社群上不要硬塞 WebP，會碰到相容性問題。
FB 各版位照片尺寸對照
FB 各版位的照片尺寸規格不同、容錯範圍很窄，丟錯尺寸上去平台會強制裁切，看起來就模糊。下面是整理過的尺寸對照：
| FB 版位 | 建議尺寸 | 解析度 |
|---|---|---|
| 貼文（橫式） | 1200×630px | 72dpi |
| 貼文（正方形） | 1080×1080px | 72dpi |
| 個人／粉專封面 | 1200×462px | 72dpi |
| 大頭貼 | 1080×1080px | 72dpi |
| 限時動態／Reels | 1080×1920px | 72dpi |
為什麼是 72dpi 不是 300dpi：72dpi 是螢幕標準、300dpi 是印刷用的。把 300dpi 檔丟上 FB，平台仍以 72dpi 顯示，你只是讓檔案肥兩三倍，反而觸發更積極的壓縮。
封面圖的視覺安全區可以參考 個人專業形象：Facebook 封面設計 這篇，從尺寸到構圖一次說明。
很多人會問我：4K 原檔上去不是更清楚嗎？答案是不會。FB 後端固定壓到 2048px，你給更大尺寸只是讓壓縮演算法跑得更兇，反而畫質下降更明顯。乖乖縮到 1200px 範圍內，圖會清楚很多。
IG 各版位照片尺寸對照
IG 跟 FB 用同一套壓縮邏輯，但版位寬高比的容錯比 FB 還嚴，超過範圍會直接強制裁切。
| IG 版位 | 建議尺寸 | 寬高比 |
|---|---|---|
| 正方形貼文 | 1080×1080px | 1:1 |
| 直式貼文 | 1080×1350px | 4:5 |
| 橫式貼文 | 1080×566px | 1.91:1 |
| 限時動態／Reels | 1080×1920px | 9:16 |
長邊一律 1080px 是 IG 的甜蜜點，超過會被縮、低於會被放大失真。
直式貼文用 1080×1350px 比 1:1 正方形更會吃版面，演算法目前也偏好直式（推薦動線顯示更大）。如果你想最大化曝光，直式優先。
想做 IG 多連結頁的話，可以搭配 Taplink：最漂亮的 Instagram 多連結工具 這篇，配上高畫質頭像更耐看。
手機 App 高畫質上傳設定步驟
手機 App 預設關閉高畫質上傳，這是 90% 部落客忽略的設定，也是模糊問題的最大兇手。打開之後，照片解析度從預設 960×720px 直接拉到 2048px 等級。
Facebook（iPhone）：
- 點右下角「選單」
- 「設定與隱私」→「設定」
- 找到「媒體」
- 開啟「上傳高畫質相片」與「上傳高畫質影片」
Facebook（Android）：
- 點右上角「選單」
- 「設定與隱私」→「設定」
- 找到「媒體和聯絡人」
- 開啟「上傳高畫質相片」
Instagram（iPhone 與 Android 通用）：
- 個人頁面右上角三線
- 「設定和隱私」
- 「媒體畫質」
- 開啟「以最高品質上傳」
設定打開後上傳會變慢、行動數據用量也會增加，建議在 Wi-Fi 環境上傳。我自己會在出門前就把要發的圖上傳成草稿，外出再發布，又快又省流量。
上傳模糊還能怎麼救？常見原因排錯
已經上傳的模糊照片無法直接補救，得刪除後重新上傳符合規格的版本。下面五個是部落客最常踩的坑，照順序檢查通常能解決：
- App 高畫質沒開：照上一段步驟打開
- 照片是 PNG：用 Lightroom 或 Photoshop 重新匯出成 JPG（品質 80%、sRGB）
- 尺寸太大或太小：依各版位建議尺寸縮到 1080-1200px 範圍
- 色彩空間錯誤：Adobe RGB 或 CMYK 上社群會偏色，一定要 sRGB
- 截圖直接上傳：手機截圖通常是 PNG 又含介面元素，建議重拍或重新匯出
沒有設計軟體怎麼辦？可以用 Caesium Image Compressor：免費也最強的圖片優化軟體 這套免費工具，支援批次壓縮、能指定 JPG 品質與輸出尺寸，安裝幾分鐘就能用。
很多部落客會問：「我之前發的幾百張模糊照片要全部刪掉重發嗎？」答案是不用。只要從今天起的新發文符合規格就好，舊文章流量影響有限，把時間花在新內容更有效益。
部落客的圖片整合工作流：一張圖搞定 FB、IG、部落格
部落客的圖片至少要同時上三個地方：部落格、FB、IG。每個平台需求不同，但只要建立一套工作流，一張圖就能跨平台用。下面是我自己跑了多年的流程：
步驟 1：拍攝或選圖時直接用 4:5 直式構圖
- 4:5 可以裁成 1:1（正方形）也能保留直式
- 部落格直接放、IG 直接發、FB 也能用
- 構圖預留四周空白，方便後製裁切
步驟 2：在 Lightroom 統一輸出
- 寬度設 1200px、品質 80%、sRGB、JPG
- 一張原檔輸出兩個版本：1200×1200 給 FB 跟部落格、1080×1350 給 IG
步驟 3：分平台發布
- 部落格：先發、把連結拿好
- IG：發直式貼文，文案放精華
- FB：發貼文，內文附部落格連結
適合這套工作流的人:
- 持續經營部落格 + 社群、一週發 2 篇以上內容
- 有基礎修圖知識、會用 Lightroom 或類似工具
不適合的人：
- 純用手機拍隨手分享、不在乎細部畫質
- 偶爾發文、沒固定產出節奏
如果你正在從痞客邦或舊平台搬部落格、想一次把圖片工作流建好，可以參考 網站圖片優化懶人包，那篇把整套圖片優化從拍攝到上傳整理成一個流程；如果你還沒搬家、不知道從哪開始，部落格搬家懶人包 是起點。
金城老師觀點
我自己用 Lightroom 輸出 JPG 已經七年（品質 80%、sRGB、寬度 1200px 以內），上 FB 跟 IG 幾乎沒遇過模糊問題。照片上傳會變糊，九成是格式、尺寸、App 設定其中一項沒對到，跟相機等級關係不大。輔導過的 80 位部落客裡，光是把這三件事處理好，多數人的社群圖質就明顯改善。不要相信「換 iPhone 16 就會清楚」這種話，該設定的還是要設定。
延伸閱讀
參考資料
常見問題
FB 上傳照片畫質一直變糊怎麼辦？
先檢查三件事：App 高畫質上傳是否打開、照片是否為 JPG（品質 80-85% + sRGB）、尺寸是否符合該版位規格。九成的模糊問題都出在這三項其中一項。已經上傳的模糊照片無法補救，要刪掉重發。
iPhone HEIC 格式可以直接上 FB 嗎？
可以但不建議。FB 會自動把 HEIC 轉成 JPG 再上傳，多了一次轉檔損耗。建議在手機相簿先轉成 JPG，或在 iPhone 設定→相機→格式選「最相容」直接拍 JPG。
IG 直式貼文跟正方形哪個畫質比較好？
兩種都是 1080px 長邊起跳，畫質沒差別。但直式（4:5）演算法目前偏好、視覺上佔版面也大，曝光更好。如果以觸及為目標，直式優先。
FB 大頭貼上傳後看起來模糊正常嗎？
大頭貼縮成圓形後本來會壓縮得比較兇。建議用 1080×1080px 上傳、避免直接拿手機截圖。臉部佔畫面 60% 以上比較不會糊。
sRGB 跟 Adobe RGB 差在哪？上社群為什麼選 sRGB？
sRGB 是螢幕跟網頁標準、Adobe RGB 是印刷標準。社群平台前端都用 sRGB 顯示，照片若是 Adobe RGB 會偏色（顏色看起來淡或暗）。Lightroom 或 Photoshop 輸出時都選 sRGB 就對了。