当我们用快捷指令来展示图片的时候，如何才能最大化展示面积，并且做得好看一些呢？我快速尝试了一下，下面是我简单的心得。

首先是如何获得最大显示尺寸。我用了几张不同比例的图片，得到了如下图红色部分所示的极限尺寸：

从图中可以看到，红色的面积是快捷指令能够展示的最大尺寸，当图片尺寸过大，就会以长或宽缩放的形式进行展示。

红色尺寸：宽 1158 像素，长 1601 像素，顶部圆角 118 像素，底部直角

然后是美观的部分（我的弱项，这里模仿 sspai prime 卡片设计）。红色距离下面按钮的距离为 33 像素，所以想要制作一个四边等宽的圆角矩形图片，就需要留出边上 33 像素的空间，最终得到绿色部分的尺寸：

绿色尺寸：宽 1092 像素，长 1568 像素，四周圆角 85 像素

最后，在相关的平面工具里，用上述尺寸分别设置背景和卡片尺寸，就能得到最终的结果。需要注意的点是：

1. 当设计二维码卡片这种需要对方扫码的时候，因为通常是倒置提供给对方的，所以需要考虑卡片的上下对齐关系。我就是顶部对齐，导出后旋转 180° 使用。
2. 而且为了让卡片不贴边，需要在预留33像素距离之后，包含透明画板导出 PNG 格式的图片。这样，即保证整体尺寸，又让卡片居中。

这篇文章是我 BANG!CASE 体验文章的背景补充，也欢迎阅读原文。