【图标大小 & 图标素材大小 原则是怎样呢】我们一般设计桌面应用/app应用，图标大小一般原则设置的img size是多大，然后应该使用的icon图片应该@几倍率呢？

Question

我们在使用icon的时候，一般用多大的尺寸呢？

我们知道阿里巴巴有著名的iconfont矢量图标库，
请问：比如我们在下载的时候，一般按照什么标准下载呢？

1、我们一般设计桌面应用/app应用，图标大小一般原则设置的是多大呢？

2、假设第一个问题的答案是32x32大小，那么我们在iconfont下载的图标应该多大？是下载@2（64x64） 还是@3（96x96）呢？ 还是说直接下载@1倍大小的就行了？

3、使用icon的时候，我们一般是放在哪个目录下呢？
我记得一般在Vue/React项目都有一个public目录用于存放静态资源文件，但是我创建的electron项目为何没有此目录，我们可以任意建立一个目录吗？

Answer 1

1. 图标大小是根据设计稿来定的，一般在 16*16 ~ 512*512 px
2. 一般也是看设计稿，没说就自己判断个大概，我个人通常在指定倍率后选择 1 ~ 2倍
3. 如果文件不需要任何改动就放 public 下，需要编译或者压缩的可以放 static 下

Answer 2

对于移动端的页面，一般都要 2 倍起，避免在一些屏幕设备上造成图片失真。

在实际开发中，你应该根据对应平台的兼容性，按照这些优先级来选择：网页、小程序等字体（iconfont 一类图标库都有）、其次使用 SVG、最后才是位图（PNG 等）。

前两者为矢量元素，无论在什么分辨率上，都会按照预期的效果进行渲染，只有位图才需要你去确定倍速。