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

This topic created in 4464 days ago, the information mentioned may be changed or developed.

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

11 replies • 1970-01-01 08:00:00 +08:00

sneezry

Mar 26, 2014

sneezry

Mar 26, 2014

learnshare

Mar 26, 2014

jsonline

Mar 26, 2014 via Android

WebFont SVG

squallsdjl

Mar 26, 2014

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

squallsdjl

Mar 26, 2014

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

shpasspass

Mar 26, 2014

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

rayps

Mar 26, 2014

同意SVG

learnshare

Mar 26, 2014

@squallsdjl +1

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

jsonline

Mar 26, 2014 via Android

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

squallsdjl

Apr 6, 2014

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