为链接预览制作分享图的 OG 图片生成器
OG 图片实验室用来制作链接被分享时显示的图片。粘贴页面网址,就能看到它现在分享的图片和需要修复的问题,然后用你网站的配色,从十三种版式中设计一张更好的图,从浏览器窗口里的产品、徽标与标题组合、等宽更新日志,到单色海报和衬线编辑封面,都可以加上你的徽标和照片或截图,照片会被压暗、模糊或着色,让文字始终清晰可读。图片尺寸正好是 1200x630 像素,也就是 Facebook、LinkedIn、X 和大多数聊天应用显示的 Open Graph 尺寸,工具还会提供让页面指向这张图的 meta 标签。
使用方法
检查你的页面
粘贴页面网址并点击“检查”,即可在 X、LinkedIn、Facebook、Slack、iMessage 和 WhatsApp 风格的预览中查看当前的分享图,并得到一份需要修复的问题清单。
自己设计或使用现成图片
从页面自身的标题和徽标开始,选择版式并加入照片或截图,也可以上传做好的图片,预览后以 1200x630 导出。
导出并发布
检查每个应用中的裁切效果,然后用免费的 UX Pilot 账号登录,下载 PNG 并复制 meta 标签。