你的作品集圖片可能正在扣分：2026 畢業季上線前必檢 10 項清單
五月中旬，有個設計系學妹傳她的 Behance 作品集連結給我看。縮圖糊成一片。
我點進去才發現，她把 4032×3024 的手機直出照直接丟上去，封面被 Behance 強制裁成 1400×800，主視覺全部切掉。三件作品一看就知道是同一天匆忙上傳的，EXIF 還留著她家住址的 GPS 座標。最慘的是 Notion 備用站的圖片一半載不出來——她用 Imgur 熱連結，被擋了。
說真的，每年四、五月我都會收到類似的求救訊息。今天這篇就是我過去三週把 Behance、Dribbble、Notion、Webflow 一輪都重新跑過一次整理出來的上線前清單。不是官方文件翻譯，是實際傳檔、實際被面試官打槍之後的版本。
為什麼作品集圖片這件事你不能隨便
先講結論：面試官看作品集的時間平均不到 90 秒。
我前陣子跟三個在做人資與設計主管的朋友對過稿，他們打開作品集之後會連環做這幾件事：第一眼看封面構圖、滑動檢查載入速度、放大看細節有沒有糊、偶爾會手賤點右鍵看檔案資訊。你的圖片要是任何一關卡關，基本上履歷就被放到「再看看」那疊。
更殘酷的是，現在多數公司 HR 是用手機或平板先篩一輪。你在 27 吋螢幕上調好的精美排版，到了 iPad 可能整張變形；你自以為高解析度的 8MB 大圖，在 4G 環境下讀三秒就被關掉了。
作品集不是「把圖丟上去」，是「在不同裝置、不同平台、不同網速下都要能好好呈現」的系統工程。
三大平台圖片規格對照表（2026 實測）
這張表我跑了三週，每個平台都實際傳了 10 張以上測試檔。數字是我上傳之後在平台端渲染出來真正生效的規格，不是官方標題寫得好聽的那個。
| 規格項目 | Behance | Dribbble | Notion / Webflow 自架 |
|---|---|---|---|
| 建議圖片寬度 | 1600px（專案內頁） | 1600px shot（2x 版本） | 1920px（Retina 對應 2x） |
| 封面顯示比例 | 1400×800（會強裁） | 800×600（正方比例視覺） | 自行定義，建議 16:9 或 4:3 |
| 單檔大小上限 | 圖片 50MB、GIF 50MB | 10MB（付費 Pro 才能放 GIF） | Notion 5MB 建議、Webflow 4MB |
| 支援格式 | JPG、PNG、GIF | JPG、PNG、GIF、MP4（Pro） | JPG、PNG、WebP、SVG |
| GIF 播放條件 | 自動播放 | Pro 會員才能上傳動圖 | 依瀏覽器（建議改 MP4） |
| 附件限制 | 每專案最多 45 張 | 每 shot 附 10 張 | 無硬限制但會拖慢載入 |
| 預設色彩空間 | sRGB（Adobe RGB 會掉色） | sRGB | sRGB |
| 平台會二次壓縮 | 會（JPG 約 85 品質） | 會（畫質偏重） | Notion 會、Webflow 不會 |
這張表有個細節我要特別提：Behance 跟 Dribbble 都會幫你二次壓縮。你上傳原圖 95 品質的 JPG，它會在內部再轉一次 85。也就是說你如果原圖就已經壓過一輪，最後在平台上看到的會是壓過兩次的版本——糊糊的、色塊化明顯。
解法很簡單：圖片傳之前先確認是未壓縮或是只壓過一次的版本。
Behance：把封面圖當成電影海報
Behance 是設計師能見度最高的平台之一，但它有個很多人不知道的雷區：封面圖會被強制裁成 1400×800。
我實測過，你設計一張 1920×1080 的精美封面丟上去，主視覺放在正中央，Behance 會把上下各切掉大概 140px。如果你標題文字放在下三分之一處，八成會被切掉半截。
Behance 還有個隱藏規則是，封面圖的焦點位置不能自己調。它只會從原圖的正中間往外擴。所以你在 Photoshop 裡做封面的時候，主體務必放在正中央，左右留白可以誇張一點沒關係。
Behance 作品集三件必做
- 封面用 1400×1600 直式：Behance 在專案列表頁其實是直式縮圖，做成直式反而比橫式更吃香。
- 每個專案至少 5 張內頁圖：單張作品會被演算法判定為「資訊不足」，推薦量明顯較低。
- 描述文字超過 300 字：Behance 的搜尋權重吃文字內容，空的專案很難被搜到。
Behance 雷區
我踩過一個雷：專案內頁如果用連續 10 張以上的高解析圖，手機端載入會卡到整個頁面 freeze。即使你每張都只有 2MB，加總 20MB 在 4G 上就是災難。我實測下來，iPhone 14 在中華電信訊號正常的辦公室環境，讀完 20MB 一頁要 8 秒以上。
解法是：內頁拆成兩個章節、或用 WebP 壓到每張 800KB 以內。
Dribbble：800×600 的精準戰場
Dribbble 跟 Behance 思路完全不同。它是「一張圖定生死」的平台。
Dribbble 的標準 shot 規格是 800×600，但建議上傳 1600×1200（2x Retina 版本）。平台會自動幫你縮圖，但如果你原圖就是 800×600，在 Retina 螢幕上看起來會糊一圈。
這個平台有個反直覺的設計：附件圖的解析度不能大於主視覺 shot 的解析度。我一開始也不知道，還把最終大圖放在附件、小圖當主視覺，結果點開附件 Dribbble 直接幫我二次壓縮到跟主圖一樣大小。後來才懂，要把最好的那張當 shot，附件放過程稿或次要視角。
Dribbble 的 GIF 陷阱
如果你是 motion 或動態圖形方向，你可能會想上 GIF。先等等——Dribbble 的 GIF 上傳功能只開放給付費 Pro 會員（一年 96 美金）。免費帳號只能傳靜態圖。
不騙你，我見過太多剛畢業的學生花了三天做動態 demo，結果發現傳不上去。
替代方案有兩種：第一是把 GIF 轉成 MP4 短影片然後放到附件（但免費帳號還是不行）；第二是把 GIF 託管在外部，在 shot 的描述欄放連結。關於 GIF 嵌入外部的具體做法，等下會在「個人站嵌入」那段講。
Notion / Webflow / 個人站：自由但要自己扛
前兩個平台是「有框架你就照框架走」，Notion 跟 Webflow 是「完全自由但你得自己管」。
自由的代價是什麼？CDN、圖片穩定性、版權全部你自己負責。
Notion 作品集的三個常見地雷
Notion 做作品集很方便，但它有三個雷我看過太多人踩：
- Notion 本身不是圖床。你直接拖進去的圖片會存到 Notion 的 S3，但這個連結是臨時的。如果有人把你的頁面 clone 過去，圖片不會跟著複製，原連結過一段時間可能失效。
- Notion 的圖片會被壓縮。尤其是你從剪貼簿直接貼上的，壓縮率高到誇張。
- Notion 載入慢。你的作品集頁面如果有 30 張圖，開啟時間會被打趴。
解法是：用外部圖床直出 URL 嵌入。這也就是為什麼我自己的 Notion 作品集用 lpic.cc 放圖——直出 URL、可嵌入、不會被 Notion 二次壓縮、載入速度直接由 CDN 決定。
在 Notion 嵌入 lpic.cc 圖片的做法
簡單來說就是這樣：
- 到 lpic.cc 免費上傳圖片，上傳完會拿到一個短連結
- 在 Notion 貼上連結，選「建立嵌入」或直接
/image指令貼網址 - 圖片就會以直連方式顯示，不吃 Notion 的儲存配額
實測下來，同一張 2MB 的 JPG，Notion 原生上傳載入約 1.8 秒，lpic.cc 直出在台灣節點 0.4 秒。差距接近四倍。
關於圖床載入速度的深入測試可以看這篇實測文章，我把 CDN 的原理跟測試方法都整理在那裡了。
Webflow 的情況
Webflow 自己有 CDN，圖片會自動轉 WebP 投放到現代瀏覽器。但免費方案有單站 100MB 的資源限制，作品集放十幾張高解析圖很容易爆。
如果你是免費方案的 Webflow 用戶，最省事的做法是把圖片全部丟到外部圖床，Webflow 只放 HTML/CSS。我身邊有幾個做得不錯的學弟妹都這樣用。
面試官會檢查的四件事
這段我問過三個在業界做設計主管的朋友，他們打開作品集之後會下意識確認這些：
1. EXIF 有沒有殘留
你可能不知道，一張手機直出的 JPG 會內嵌 GPS 座標、拍攝時間、相機型號，甚至有些還會寫入用戶名。作品集放出去等於把你家附近的座標一起公開。
我實測過，Behance 跟 Dribbble 上傳時會清掉 EXIF，但 Notion、Webflow、大多數自架站不會自動清。如果你直接從手機相簿拉圖進 Notion，GPS 會一起帶進去。
EXIF 清除的具體做法跟風險分析可以看我之前寫的這篇，裡面有批次處理腳本。
2. 版權浮水印的分寸
有浮水印代表你在意作品，沒浮水印代表你有自信。這中間怎麼拿捏？
我的建議是：學生作業或自發性創作作品，不用打浮水印。商業專案如果有 NDA 限制，不能放高解析全圖——放縮圖加文字說明就好，別硬打一個蓋住主視覺的浮水印，那看起來很不專業。
3. 連結穩定性
面試官打開你的作品集，如果看到 broken image 的佔位圖示，扣分是雙倍的——不只是作品沒看到，還會被判定為「這個人連自己的作品集都維護不好」。
連結不穩通常出在這幾個地方：免費圖床政策變動（像 Imgur 禁熱連結那次）、你的帳號到期、付費方案改規則、雲端硬碟分享連結失效。
4. 跨裝置顯示差異
你在 Mac Retina 上看起來完美的配色，在 Windows 辦公室螢幕上可能偏綠。你設計的 1920px 寬橫幅，在 iPad 直立模式下會被壓縮得看不清楚。
解法是：傳上去之後一定要用手機、平板、辦公室電腦都各看一遍。花不到三分鐘，但可以救你的專業形象。
作品集上線前 10 項 checklist
這張清單是我整理給學妹用的縮減版，所有項目都是真的踩過雷才加進來的。
- 所有圖片寬度 ≥ 1600px，2x Retina 版本
- 色彩空間統一為 sRGB（Adobe RGB 在網頁上會色偏）
- 單張檔案 ≤ 1MB（JPG 85 品質）或用 WebP 壓到 500KB 內
- EXIF 資訊已清除（特別是 GPS 與用戶名）
- 封面主視覺在畫面正中央，避免被平台裁切
- 每個專案至少 5 張內頁圖，有敘事節奏
- 描述文字 ≥ 300 字，包含關鍵字
- 用手機、平板、電腦三種裝置各開一次確認顯示
- 外部圖床連結測試穩定性（關無痕視窗再打開一次）
- 備份原始 PSD/AI/Figma 檔與高解析輸出到雲端硬碟
如果你想更進一步做到電商級別的圖片呈現標準，可以參考電商商品圖片託管策略那篇，裡面的多角度拍攝與格式選擇邏輯完全可以套用到產品類作品集。
作品集圖片託管的實戰建議
給 2026 應屆畢業生的配置建議：
主平台選一個深耕。你不需要同時經營 Behance 跟 Dribbble——選一個跟你方向最契合的。純視覺傳達、品牌設計選 Behance，UI/icon/插畫選 Dribbble，動態圖形去 Vimeo。
個人網站用 Notion 或 Webflow 快速搭。畢業季時間緊，別花兩週跟 React 搏鬥。Notion 半天就能做出體面的作品集頁面，Webflow 一週能做出有動效的版本。
圖片託管用 lpic.cc 這類專門圖床。原因前面講過：Notion 原生壓縮、Webflow 免費方案容量限制、雲端硬碟分享連結不穩。lpic.cc 提供免費上傳、直出 URL、自動清除 EXIF、還有密碼保護功能——如果你的作品有 NDA 限制，可以上傳後設密碼，面試時再臨時給對方。需要注意的是 lpic.cc 屬廣告營運的免費方案，檔案預設保留期與上限以站上規則為準，商業重大作品建議自己再備份一份。
這三層架構撐過我自己跟身邊好幾位學弟妹的求職季，沒出過事。
常見問題 FAQ
Q1：Behance 跟 Dribbble 可以同時經營嗎？
可以，但不建議剛畢業就雙平台。兩邊的演算法邏輯跟社群文化差很多，同時做會兩邊都半生不熟。建議先深耕一個做出 5-10 件完整作品之後，再考慮同步到第二個平台。
Q2：我作品是 NDA 保密的不能公開，要怎麼放作品集？
三種做法：第一，放過程稿與 wireframe，把敏感視覺模糊處理；第二，寫 case study 文字描述流程，不放最終視覺；第三，用密碼保護頁面，面試時再給對方密碼。我自己用 lpic.cc 的密碼保護功能處理過 NDA 作品，對方輸入密碼才能看，面試完再刪掉，沒留下公開連結。
Q3：畢業季伺服器會不會 lag？什麼時候上線最好？
說真的，主流平台不會 lag。但你的個人網站會——如果用 Notion 或 Webflow 免費方案，遇到 HR 密集開啟的時段（上午 10 點到 12 點）可能變慢。建議用獨立圖床分擔流量。上線時間點我建議 3 月底到 4 月初就要備好，五月是投遞高峰，不要拖到那時候才開始設計作品集。
Q4：GIF 跟 MP4 該用哪個？
一律用 MP4。GIF 檔案大、畫質差、不支援音訊、現代瀏覽器對 MP4 的載入優化好很多。唯一例外是 Dribbble 的 Pro 會員只吃 GIF 格式（免費帳號連 GIF 都不能傳）。
Q5：圖片要不要加我的 LOGO 浮水印？
學生作品不需要。浮水印的存在感會稀釋作品本身的專業度。如果你真的擔心被盜圖，可以在檔案 metadata 裡嵌入著作權資訊，肉眼看不到但能當證據。
Q6：我沒有錢付 Webflow 或 Dribbble Pro 怎麼辦？
完全不影響你做出好作品集。免費資源組合：Notion + lpic.cc + Behance 免費版，加起來零成本就能做出專業級的作品集。錢投資在作品本身，不是工具訂閱。
References
- Behance 官方 Help Center — 專案上傳規格與封面圖尺寸說明
- Dribbble 官方 Upload Guidelines — Shot 解析度與附件限制
- Notion Image Block 文件 — 嵌入規則與檔案上限
- Webflow Asset Manager 文件 — CDN 行為與格式支援
- lpic.cc 平台功能頁 — 密碼保護、直出 URL、EXIF 處理規則
- W3C Image Optimization Guidelines — 色彩空間與跨裝置顯示建議