文章分享卡：让一张图说清为什么值得打开

文章页面的截图通常装进了太多东西：导航、按钮、首段正文和浏览器边缘。缩到聊天窗口之后，每一项都想说话，却没有一句话完整。分享卡应当是文章的邀请函。它用标题告诉读者讨论什么，用副标题说明打开之后能得到什么，再用署名或域名给出出处。剩下的内容留给正文。

先压缩承诺，再安排版面

以一篇网站图标教程为例，标题可以写“从 SVG 到 favicon”，副标题写“分清坐标、像素和文件格式，检查三个实际入口”。这比“终极指南，全面提升品牌价值”更具体，也更容易兑现。不要为了画面饱满而添加未经证实的阅读量、获奖标记或用户评价。素材是自己的练习时，就把它称为练习。

在版面上先选一个主角。标题最长、字号最大；副标题补充信息；出处保持可读但不抢视线。中文与英文不必逐行对应，可以分别制作两张自然的卡片。双语挤在同一张图里时，先删掉重复信息，再判断是否需要双语，而不是一直缩小字号。

本工坊提供横版一千二百乘六百三十、方形一千零八十，以及竖版一千零八十乘一千四百四十三个预设。这是便于练习和导出的画布，不能保证所有应用都不裁切。关键文字留在中间，边缘只放可以损失的装饰。下载后放到实际使用环境里预览，尤其检查头像遮挡、圆角和缩略图裁切。

横版适合少量信息，竖版允许更多留白，却不意味着应该塞进整篇文章。如果标题换成最长的版本后超出画布，优先改写标题或选择另一种比例。把缩小字当作最后一步，才能保住手机上的阅读体验。

下载一张 PNG，可以手动分享；网页被链接分享时出现什么，则还取决于页面元数据及平台的获取与缓存。Open Graph 定义了标题、类型、图片和网址等基本属性，并没有规定所有服务必须用同一张固定尺寸的图。工具生成卡片，也不等于替你发布了社交动态。Open Graph 协议

练习：套用“文章封面”，为同一篇文章做一张中文版和一张英文版。请一个没有读过正文的人只看卡片，回答“讲什么”和“适合谁”。如果答案偏离正文，就先改文字。把卡片放进网页时，也应给图片提供适合语境的替代文本；如果旁边已经有相同标题链接，避免让辅助技术重复朗读整段文案。W3C 图片替代文本决策树