macbookpro 显示屏图片模糊

Question

1. PC网页在 macbookPro retina 显示屏上图片模糊，请问大家是怎么解决这个问题的？

2. UI设计的妹子给出的设计稿PC， 假入图片是500x500； 网页上也显示成500x500；window上没问题
   但是 macbookpro 上显示会糊；这个糊的原因是 retina 是高清屏； 图片分辨率低，放到高清屏上就会糊掉；

   解决办法； 做高清图片，但是图片会变大，请求加载会变慢！而且写代码的时候，还要代码控制图片显示的尺寸；

           正常的1倍图，可以不用代码控制图片尺寸；而且window上的浏览器不会模糊；
           请问大家在开发遇到这个问题的时候是怎么解决的呢？
   
   

   MackookPro Retina 屏幕是三倍屏？ 三倍是怎么计算出来的呢？
   window 上屏幕是属于一倍屏吗？ 我感觉是，因为设计稿尺寸和我们开发写代码的数值是一样的；
   难道为了适应retina 屏，图片要做成三倍图吗？

Answer 1

百度查找 viewport scale 设置即可解决问题。
简单给个思路，细节请百度：图片分辨率要高。比如你设计一个 1024x768 的图。
然后缩小成 logo 大小。
然后用 viewport 设置相关参数。在 mac retina 屏幕显示一样清晰。

参考样例：www.ushow.org 的 logo

对了对了，补充：svg 当然是更好的解决方案。