iPhone手机的最小分辨率是320px×480px,把这个尺寸定为基准界面尺寸(baseline),基准尺寸所对应的图片称为1倍图(@1x),其余机型使用的图片按像素密度值与基准尺寸的像素密度值的倍数定为2倍图和3倍图。
屏幕像素密度是指每英寸上的像素点数,单位是DPI(DotPerInch);PPI(PixelPerInch)是每英寸像素数。针对显示器的设计,DPI=PPI。计算方法是长宽的像素各自平方之和开方再除以对角线长度(单位英寸),如iPhone5的DPI为/4=326。
Android系统将屏幕大小分为以下4个级别。
Small:屏幕尺寸小于3英寸。
Normal:屏幕尺寸小于4.5英寸。
Large:屏幕尺寸4英寸~7英寸之间。
xLarge:屏幕尺寸7英寸~10英寸之间。
屏幕像素密度与屏幕尺寸和屏幕分辨率有关,即屏幕尺寸越小,分辨率越高,像素密度越大,反之越小。
注意:其中的xhdpi按屏幕尺寸为4.5寸计算,DPI为/4.5=326,约为320;XXHDPI的DPI值为480。
在iOSAPP中通常内置两套图片:@2x和@3x,而AndroidAPP中通常只内置一套XHDPI的图片。XHDPI对应的分辨率和iPhone5系列的分辨率最接近(像素密度一样),所以设计师可以按iPhone5系列的分辨率做一套@2x的切图,在AndroidAPP中把@2x的图片放在drawable-xhdpi文件夹中就可以了(在4.5寸720px×1280px的手机上适配效果最好,像素密度一样)。
在提供APP动态加载的图片时,如电商APP中的商品图片,同样需要考虑不同分辨率的情况。如在@1x和mdpi的情况下,图片显示区域的大小为10px×10px;在@3x和xxhdpi的情况下,图片显示区域的大小变为30px×30px;对于10px×10px的图片,此时要放大显示,就会变得模糊,因此在提供图片的时候,就需要按@3x和xxhdpi的情况,提供最高分辨率的图片,保证在各种分辨率下都能正常显示(高分辨率的图片缩小成低分辨率的图片,图片内容不会变模糊)。
APP开发公司本文关于“关于APP的切图工作”的知识就分享介绍到这里,谢谢关注,博纳网络编辑整理。