🖼️ OG Preview Image (Open Graph 社交分享图)

[chen201724]

概述

制作 Open Graph 预览图，让项目在社交媒体（Twitter/X、Discord、微信等）分享时有精美的卡片展示。

背景

当前 index.html 已有 OG meta tags，但缺少实际的预览图片。分享链接时没有视觉吸引力。

任务清单

• 设计 1200x630 的 OG 预览图
• 内容包含：项目名称、tagline "Transform images into pixel art"、像素艺术示例效果、品牌 logo
• 导出为 PNG，压缩到 < 300KB
• 放置到 public/og-image.png
• 更新 index.html 中的 og:image 和 twitter:image meta tags
• 验证：使用 opengraph.xyz 或 Twitter Card Validator 测试

设计方向

• 左侧原图 → 右侧像素化效果（呼应 comparison slider 功能）
• 底部展示 5 种像素形状的小图标
• 背景使用品牌深色调（与网站一致）

验收标准

• 在 Twitter/Discord/微信 分享链接时显示正确的预览卡片
• 图片清晰、文字可读、品牌一致