2025年11月17日星期一
Markdown 中图片使用的最佳实践
文档里的 Markdown 渲染没有问题，但放到信息流里就显得平。想把 Markdown 变成可分享的图片，前提是源文本够干净。下面这份清单可在导出前快速检查。
- 替代文本描述信息用途，而不是颜色。
- 图片托管在稳定的地址，避免链接失效。
- 只有当提示文字有价值时才保留可选标题。
- 导出前先写好 alt 文本，“计费流程图”要优于“image123”。
- 用 TinyPNG/ImageOptim 压缩，或直接让 Markdown2Image 输出 2× PNG/SVG。
- 上传到 Directus、S3 或 Markdown2Image CDN，后续复用同一个链接。
- 需要固定宽高时用 HTML 包裹：`<img ... width=240>”。
- 在共享表里记录 Markdown 源、alt 文本、URL 和上线时间。
- 粘贴 Markdown，选择 Thread、Deck、Mobile 等比例。
- 调整字体、间距、强调色，使其符合品牌体系。
- 导出 PNG/SVG/WebP，同时保留下来的 Markdown 嵌入代码方便回贴。
## 图片处理升级
- 拖拽上传支持 SVG
- 自动提醒填写 alt 文本
- 资产链接在多语言环境下保持稳定
| 项目 | 作用 |
|---|---|
| 替代文本 | 增强可访问性与摘要展示 |
| 文件名 | 带上主题关键词 |
| 分辨率 | 1200×630 适合卡片，1080×1920 适合故事 |
| 文件类型 | UI 选 PNG，照片选 JPEG，Logo 选 SVG |
| 说明文字 | 可选，图集内更清晰 |
把干净的 Markdown 丢进 markdowntoimage.com，一次导出即可满足文档、newsletter、演示等所有渠道。