移动端上的图标到底怎么做，才会在各个屏幕上清晰？

[shpasspass]

通常的做法是什么？
是为每个分辨率做不同的图片？
还是就做一张大图，在不同分辨率的时候，等比缩小？

[sneezry]

水果是不同设备不同图标 https://chrome.google.com/webstore/detail/slithice/omdcldigdcpfedgkoapehhdpfjbnjeda

[sneezry]

[learnshare]

iOS 有 UI 设计规范，同学你知道么？

https://developer.apple.com/library/ios/documentation/userexperience/conceptual/MobileHIG/index.html
http://isux.tencent.com/ios-human-interface-guidelines-ui-design-basics-ios7.html

http://www.uisdc.com/code-for-design-ios-platform

Android 也有吧

[jsonline]

WebFont SVG

[squallsdjl]

WEBFONT SVG同楼上，楼主可以访问我设计的网站看看用电脑和手机都看看，http://devin.zarktui.com/music/23

[squallsdjl]

如果对于复杂构成的图标但是又要考虑漂亮清晰的话，（不考虑loading速度的问题的话）可以使用2X的图片，然后在手机端使用1X的比例。比如你做100X100px的图片，然后放到移动端的CSS你写成50X50px

[shpasspass]

@squallsdjl
@jsonline
百度找了WebFont SVG 然后也没看懂这究竟是什么。。。
看上去是加载字体吧。。。但是图标怎么办呢？

[rayps]

同意SVG

[learnshare]

@squallsdjl +1

2x 是适配高分辨率的解决方案，但要保证不同分辨率下清晰可用，需要遵循设计规范

[jsonline]

你用百度能搜明白才怪。用谷歌！
字体就是图标，图标就是字体。

[squallsdjl]

换个思考方式，字体实际上也是图形构成，你说呢？