Markdown 两张图片并排：对比布局与导出方法
用两张真实检查表和 GFM 表格制作前后对比，理解两列居中不等于各占一半。先调整素材比例和裁切，确认图片能加载，再检查导出文件。窄屏看不清时，改用相同素材的纵向版本，并在配文中保留变化说明与原图链接。
前后对比需要两张容易辨认的图片，读者不该猜哪张是修改前、哪张是修改后。打开 Markdown 转换器，可以把它们做成一张便于分享的对比图。先统一素材并写清标签；Markdown 本身没有一种通用写法，能保证每张图片恰好占可用宽度的一半。
下面使用两张真实的演示素材：草稿检查表与审阅后的版本，源图片宽度相同。两列 GFM 表格将标签放在对应图片上方，并让两个单元格居中对齐。
# Before and after review
| Before | After |
|:--:|:--:|
|  |  |
Both images use the same source width.
这是真正的渲染结果，不是宣传封面。适合用于需要同时比较两个状态的审阅说明。标签和图片描述明确各自角色，不只依靠颜色区分。
表格属于 GFM 扩展。对齐行控制单元格的对齐方式，并不保证两列等宽。图片尺寸、内容和渲染器样式仍会影响排版，导出前要在实际渲染环境中检查预览。
把两张图片裁切到便于比较的区域，并保持一致的比例。如果一张截图留了大块空白，另一张裁得很紧，即使两列等宽，主体看起来也不会一样大。公平对比所需的细节应保留，不能只为对称而裁掉。
使用能访问的图片地址，并确认两张图都加载完成后再导出。需要登录的后台地址，可能只在你自己的浏览器里能打开，渲染器未必能访问。只发布有权分享的图片，先从源素材中移除私密信息。
并排 PNG 是一张固定构图。放进窄栏时，两张图片会一起缩小，不能自动改成上下排列。请按预计的最小展示位置检查。如果任一检查表变得难读，应发布纵向版本或链接原图，而不是继续压缩文字。
下面是使用相同素材的纵向 Markdown 写法：
## Before
## After
在线 Markdown 表格是否换行、是否溢出，由渲染器决定，不能把它当作响应式图库。如果发布系统支持 HTML 和 CSS，可以进一步控制布局，但具体支持与过滤规则由该系统决定。保留纯 Markdown 备用版本。
为两个标签留出空间，并检查下载文件的底部是否被裁切。用周围正文说明真正的变化；需要查看细节时，提供原图链接。对比图是辅助说明，不应取代解释本身。