Sketch 导入倍率图时的自动缩小机制

用最简单的语言了解那些被忽视的设计知识点——Sketch 导入倍率图时的自动缩小机制

### 不知道该起什么标题

不知大家在使用 Sketch 的时候有没有发现这样一个问题：

Sketch 导入图片的时候，如果图片名称带有后缀 @nx，则会自动将图片尺寸缩小 1/n，为什么呢？

首先经实验得出：

- n 仅支持1至9的整数，图像格式支持 jpg、png、bmp、tiff
- 当 n 为其他正数值时（含小数点），均按 @2x 处理

试着猜想一下：

众所周知，Sketch 是一款**基于一倍尺寸**进行设计的工具。

举例说明，当我们导入一张名称中带有 @2x 后缀的图片时，如果 Sketch 不缩小二分之一的话，我们分别在 Sketch 中导出 @1x、@2x、@3x 切图，那么导出以后实际上是2倍、4倍、6倍切图，这显然不符合 Sketch 的一倍设计原则。

可能你会有疑问：**为什么名称中带有 @2x 后缀的图片就一定是二倍图呢？**

因为在早期的设计工作流程中（排除设计师瞎起名字的情况），设计师是需要将切图资源导出给开发者的，而这些切图资源的命名规范中都会包含 @nx，这是一个大前提。

如果此时设计师需要再次使用这些切图资源的时候，不小心将 @2x 的资源当作 @1x 来使用，而**设计师的画板又是一倍**的（国外设计不流行其他倍率设计），设计师一旦没及时发现（比如多人协作时），那可能会直接影响项目接下来的发挥。如果及时发现的话，再去做相应的调整其实也是一个挺繁琐的过程。

所以 Sketch 建立这样的机制是不是大大减小了设计师失误的几率呢？

我想是的！

### 扯点别的

最近又发现 Adobe XD 导入 jpg 图片时，会自动缩小二分之一（png 无效），这个暂时还没想到原因，望高人指点。

*本来文中"自动将图片尺寸缩小 1/n"中的"缩小 1/n"用的语法是"缩小 n 倍"，越看越别扭，觉得不对劲，后经查证：引用《辞海》上对倍一字的解释就是按原数增加的意思，所以我们口语中说的"缩小 n 倍"其实属于语法错误，放大的说法用"扩大 n 倍"，缩小的说法用"缩小几分之几"*

>  我的站点：biliui.com

>  设计交流群：464674996