UI 设计稿应该提供几倍图？

[jkmf]

最近做一个 PC 端的需求，发现 UI 提供给我的都是二倍图，即假如项目中需要用到 200100 的图，那么 UI 就提供给我 400200 的图，如果我直接用这张图，即在页面中让其按 400*200 展示，那么则可能失真，请问下各位设计同学，不考虑移动端的话你们也是这么做的吗？

[imn1]

你怎么用是你的事啊，除非工单注明需求，不然做大一点是常态，设计师不知道使用场景的

[dingdangnao]

为什么要“直接用这张图”，这是你的问题吧。

[imn1]

我回忆一个以前的工单给你参考，不过年代久远

需求：
1.png 格式(RGB)，成品、直接使用
2.尺寸
3.限制最大字节数 xx k
4.无边框不透明
5.使用场景，某某某网页标题下方 banner
6.颜色与网页保持和谐但色调不同
网页底色 RGB
文字底色 RGB
文字颜色 RGB
标题栏底色 RGB
标题栏文字 RGB
参考网址：（网页未完工，无参考网址）
7.内容：证券交易场景相关
8.静态不闪动
9.其他……
时间：
备注：素材保留，可能有其他尺寸需求，待定

[dremy]

PC 上二倍图没毛病啊，200%缩放的 mac 和 windows 可以完美显示，反倒是一倍图看起来就模糊不清
对于 100%的普通显示器，二倍图也不会有什么问题，都被当作一倍图来显示了

[Tas1]

为啥不用蓝湖来切图呢。。。这样开发可以自己选。。。一倍还是二倍。

[darmau]

@Tas1 这里说的显然是大张的位图。

[fenx]

“在页面中让其按 400*200 展示”，那就提供 800*400 的图啊

[Tokin]

好奇，项目需要 200*100 的图，给你 400*200，直接用的话，那你的程序应该也要把这张图缩放到 200*100 的比例呀。只是图是二倍图，这样才不会高分辨率下失真。如果程序需要 400*200，那就需要提供 800*400 的图片了

[Tolcol]

大图缩小没事，小图放大就模糊了

[loopq]

正解是自己切图。

[sherwin008]

我们都是直接 3 倍图，适配所有，以前那种 123 倍都需要的还挺浪费资源的，直接适配最高清完毕~

[xiaooo]

我们都是 UI 把设计稿设计好以后传到摹客，开发直接下载切图就好了，不同倍率不同平台都能选，也能自定义，省了多少和 UI 扯皮的时间

[xiusheji]

这个问题要具体看情况
1 、比如用户为高质量用户，大多使用 mac 。
2 、网站 logo 、产品封面、用户头像、重要位置 icon （多为 svg ）
3 、....

我自己的网站都是尽量用的 2 倍图，兼容高分辨率。

[xiusheji]

主要还是看需求

[squallsdjl]

哈哈哈哈哈！这个主要说明一个问题，楼主主要用 1x 的电脑。。。我认识好多产品也都没在意这个问题，但是一旦接触高分屏 2x 尺寸之后，再看 1x 。。。。惨不忍睹。使用方法是让 2 倍的图用 1 倍的尺寸显示。其实实际测试下来 2 倍也不绝对，但是肯定是大于 1 倍才能获得更好的显示效果的。

[leeshong27]

给大不给小 一般 2x