iPhone图片设计问题

iPhone更新升级的速度越来越快了，iPhone4较之之前的iPhone版本，图片像素的显示效果不是一星半点儿的赞。

 

同时，这给页面开发以及App应用提出了新的问题：

320 的效果图在640上显示是清楚的，但是在iPhone 4上显示就是模糊的，解决的方法只能通过PPI，也就说你只能设计两套效果图，写两套css。

 

iPhone  : 320*480    163ppi
iPhone4 Retina display : 640*960    326ppi

 

 

参考文章：

http://www.smashingmagazine.com/2010/11/17/designing-for-iphone-4-retina-display-techniques-and-workflow/

 

 

关于PPI介绍（摘自百度百科）

Pixels Per Inch　　

     每英寸所拥有的像素数目。pixels per inch所表示的是每英寸所拥有的像素（pixel）数目。因此PPI数值越高，即代表显示屏能够以越高的密度显示图像。当然，显示的密度越高，拟真度就越高。

　　pixels per inch是图像分辨率的单位，图像ppi值越高，画面的细节就越丰富，因为单位面积的像素数量更多，数码相机拍出来的图片因品牌或生产时间不同可能有所不同，常见的有72ppi，180ppi和300ppi,默认出来就是这么多(A710拍出的是180ppi，个人感觉此参数好象影响不大，一般没人提起这个)。 dpi(dots per inch)是指输出分辨，针对于输出设备而言的，一般的激光打印机的输出分辨率是300dpi-600dpi，印刷的照排机达到1200dpi-2400dpi，常见的冲印一般在150dpi到300dpi之间。