你的作品集图片可能正在扣分：2026 毕业季上线前必检 10 项清单

说实话，每年四五月我都会收到差不多的求助消息。

上个月有个设计系学妹把她的 Behance 作品集链接发给我看，缩略图糊成一片。点进去发现，她把 4032×3024 的手机原图直接传了上去，封面被 Behance 强制裁成 1400×800，主视觉全部切没了。EXIF 还留着她家附近的 GPS 坐标。最惨的是 Notion 备用站的图片一半加载不出来——她用了 Imgur 热链接，结果被封了。

这种坑在国内设计圈更常见，因为 Behance 和 Dribbble 在大陆访问需要科学上网（划重点），很多同学干脆放弃这两个平台，但又没找到靠谱的替代方案。所以我花了三周把 Behance、Dribbble、Notion、Webflow 全部重新跑了一遍，整理出这份上线前清单。不是官方文档翻译，是实际传文件、实际被面试官刷掉之后的实战版。

面试官会检查的四件事

先说面试官看什么，因为搞清楚这个，后面所有准备都会跟着变。

我跟三个做设计主管的朋友聊过，他们打开作品集后会下意识确认这些：

1. EXIF 有没有残留

一张手机直出的 JPG 会内嵌 GPS 坐标、拍摄时间、相机型号，甚至有些还会写入用户名。作品集发出去等于把你家附近的坐标一起公开了。

Behance 和 Dribbble 上传时会清掉 EXIF，但 Notion、Webflow、大多数自建站不会自动清除。如果你直接从手机相册拖图进 Notion，GPS 会跟着一起带进去。

EXIF 的具体风险和批量清除方法可以看这篇文章。

2. 水印的分寸

有水印说明你在意作品，没水印说明你有自信。这中间怎么把握？

我的建议是：学生作业和自发创作不用打水印。商业项目如果有 NDA 限制，不能放高清全图——放缩略图加文字说明就好，别硬打一个盖住主视觉的大水印，看着很不专业。

3. 链接稳定性

面试官打开你的作品集，看到图裂了，扣分是双倍的——不只是作品没看到，还会被判定为"这个人连自己的作品集都维护不好"。

链接不稳通常出在这几个地方：免费图床政策变动（Imgur 封热链接那次）、账号到期、付费方案改规则、网盘分享链接失效。在国内还要考虑一个额外因素：如果你用的是需要翻墙才能访问的图床，面试官在公司网络环境下可能根本打不开。

4. 跨设备显示差异

你在 Mac Retina 上看起来完美的配色，在 Windows 办公室显示器上可能偏绿。你设计的 1920px 宽横幅，在 iPad 竖屏模式下会被压得看不清。

解决办法：传上去之后一定要用手机、平板、办公室电脑各看一遍。花不到三分钟，但能救你的专业形象。

作品集图片为什么不能随便

先说结论：面试官看作品集的时间平均不到 90 秒。

这 90 秒里会发生什么：第一眼看封面构图、滑动检查加载速度、放大看细节有没有糊、偶尔右键看文件信息。图片在任何一个环节卡住，你的简历就被放到"再看看"那摞了。

更残酷的是，现在多数公司 HR 是用手机或平板先筛一轮。你在 27 寸屏幕上调好的精美排版，到了 iPad 可能整个变形；你自以为高清的 8MB 大图，在 4G 下读三秒就被关掉了。

国内的设计求职，小红书和站酷也是重要的展示渠道。很多 HR 会先去站酷看你的主页，或者搜小红书上你的作品分享。不过这些平台的图片压缩更狠，所以原始图片质量更要把关。花瓣网也可以作为灵感收集的辅助平台，但不建议当主力作品集。

三大平台图片规格对照表（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。标题文字放在下三分之一处的话，八成会被切掉半截。

还有个隐藏规则：封面图的焦点位置不能自己调。它只会从原图的正中间往外扩。所以在 Photoshop 里做封面时，主体务必放正中央，左右留白可以夸张一点。

Behance 必做三件事

• 封面用 1400×1600 竖式：Behance 在项目列表页其实是竖式缩略图，做成竖式比横式更占优。
• 每个项目至少 5 张内页图：单张作品会被算法判定为"信息不足"，推荐量明显更低。
• 描述文字超过 300 字：Behance 的搜索权重吃文字内容，空的项目很难被搜到。

Behance 踩坑记录

亲测踩过一个坑：项目内页如果连续放 10 张以上高清图，手机端加载会卡到整个页面 freeze。每张 2MB，加起来 20MB 在 4G 上就是灾难。iPhone 14 在正常信号环境下测试，读完一页要 8 秒以上。

解决办法：内页拆成两个章节、或用 WebP 压到每张 800KB 以内。

Dribbble：800×600 的精准战场

Dribbble 和 Behance 思路完全不同，是"一张图定生死"的平台。

标准 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 描述栏放链接。

注意：大陆访问 Dribbble 需要翻墙。如果你的目标公司 HR 在国内办公网络，可能打不开 Dribbble 链接。建议同时在站酷维护一份镜像作品集，或者用个人站 + 国内可访问的图床作为主力。

Notion / Webflow / 个人站：自由但要自己扛

前两个平台是"有框架你就照框架走"，Notion 和 Webflow 是"完全自由但你得自己管"。

自由的代价：CDN、图片稳定性、版权全部你自己负责。

Notion 作品集的三个常见坑

Notion 做作品集很方便，但三个坑踩的人太多了：

1. Notion 本身不是图床。你拖进去的图片会存到 Notion 的 S3，但这个链接是临时的。别人 clone 你的页面，图片不会跟着复制，原链接过段时间可能失效。
2. Notion 的图片会被压缩。尤其从剪贴板直接粘贴的，压缩率高到离谱。
3. Notion 加载慢。30 张图的作品集页面，打开时间会被拖垮。

解决办法：用外部图床直出 URL 嵌入。这也是我自己的 Notion 作品集用 lpic.cc 放图的原因——直出 URL、可嵌入、不会被 Notion 二次压缩、加载速度由 CDN 决定。

在 Notion 嵌入 lpic.cc 图片

操作很简单：

1. 到 lpic.cc 免费上传图片，拿到短链接
2. 在 Notion 粘贴链接，选"创建嵌入"或直接 /image 指令贴网址
3. 图片以直连方式显示，不吃 Notion 的存储配额

同一张 2MB 的 JPG 实测，Notion 原生上传加载约 1.8 秒，lpic.cc 直出 0.4 秒。差距接近四倍。

关于图床加载速度的深入测试可以看这篇实测文章，CDN 原理和测试方法都整理在那了。

Webflow 的情况

Webflow 自带 CDN，图片会自动转 WebP 投放到现代浏览器。但免费方案有单站 100MB 的资源限制，作品集放十几张高清图很容易爆。

如果你用 Webflow 免费方案，最省事的做法是图片全部丢到外部图床，Webflow 只放 HTML/CSS。

作品集上线前 10 项 checklist

这张清单是我整理给学妹用的缩减版，每一项都是真踩过坑才加进来的。

1. 所有图片宽度 ≥ 1600px，2x Retina 版本
2. 色彩空间统一为 sRGB（Adobe RGB 在网页上会色偏）
3. 单张文件 ≤ 1MB（JPG 85 品质）或用 WebP 压到 500KB 内
4. EXIF 信息已清除（特别是 GPS 和用户名）
5. 封面主视觉在画面正中央，避免被平台裁切
6. 每个项目至少 5 张内页图，有叙事节奏
7. 描述文字 ≥ 300 字，包含关键词
8. 用手机、平板、电脑三种设备各开一次确认显示
9. 外部图床链接测试稳定性（开无痕窗口再打开一次）
10. 备份原始 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 件完整作品后，再考虑同步到第二个平台。如果你在大陆，优先考虑站酷 + Behance 的组合，因为 Dribbble 的访问稳定性不好保证。

Q2：我的作品是 NDA 保密的不能公开，怎么放作品集？

三种做法：第一，放过程稿和 wireframe，把敏感视觉模糊处理；第二，写 case study 文字描述流程，不放最终视觉；第三，用密码保护页面，面试时再给对方密码。我自己用 lpic.cc 的密码保护功能处理过 NDA 作品，对方输入密码才能看，面试完再删掉。

Q3：毕业季服务器会不会卡？什么时候上线最好？

主流平台不会卡。但你的个人网站会——如果用 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 官方帮助中心 — 项目上传规格与封面图尺寸说明
• Dribbble 官方 Upload Guidelines — Shot 分辨率与附件限制
• Notion Image Block 文档 — 嵌入规则与文件上限
• Webflow Asset Manager 文档 — CDN 行为与格式支持
• lpic.cc 平台功能页 — 密码保护、直出 URL、EXIF 处理规则
• W3C Image Optimization Guidelines — 色彩空间与跨设备显示建议