初始屏幕尺寸为Android
同时使用Cordova（aka Phonegap），React-Native和所有其他开发平台
Format : 9-Patch PNG (recommended)
Dimensions
- LDPI:
- Portrait: 200x320px
- Landscape: 320x200px
- MDPI:
- Portrait: 320x480px
- Landscape: 480x320px
- HDPI:
- Portrait: 480x800px
- Landscape: 800x480px
- XHDPI:
- Portrait: 720px1280px
- Landscape: 1280x720px
- XXHDPI
- Portrait: 960x1600px
- Landscape: 1600x960px
- XXXHDPI
- Portrait: 1280x1920px
- Landscape: 1920x1280px
注意：由于9色块图像的重复区域，不需要准备XXXHDPI，也不需要准备XXHDPI大小。另一方面，如果仅使用纵向尺寸，则应用程序尺寸可能会更小。更多图片意味着需要更多空间。
请注意
我认为所有设备都没有确切的尺寸。我使用的Xperia Z 5" 。如果你开发一个跨平台的-的WebView应用程序，你应该考虑的东西很多（屏幕是否有功能键导航按钮与否等）。因此，我觉得只有一个合适的解决方案。该解决方案是，以准备一个9补丁启动画面（在How to design a new splash screen下面找到标题）。
- 为上述屏幕尺寸创建初始屏幕为9-patch。使用.9.png后缀为文件命名
- 将以下行添加到您的config.xml文件中
- 如果需要，添加启动屏幕插件。
- 运行您的项目。
而已！
特定于Cordova的代码
在9补丁启动屏幕中向config.xml添加行
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="6000" />
<platform name="android">
<splash src="res/screen/android/ldpi.9.png" density="ldpi"/>
<splash src="res/screen/android/mdpi.9.png" density="mdpi"/>
<splash src="res/screen/android/hdpi.9.png" density="hdpi"/>
<splash src="res/screen/android/xhdpi.9.png" density="xhdpi"/>
</platform>
使用非 -9修补程序初始屏幕时，将各行添加到config.xml中
<platform name="android">
<splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/>
<splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/>
<splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/>
<splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/>
<splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/>
<splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/>
<splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/>
<splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/>
</platform>
如何设计新的启动画面
我将描述一种使用这种方法创建适当的启动画面的简单方法。假设我们正在设计一个1280dp x 720dp-xhdpi（大x）屏幕。为了示例，我写了以下内容；
在Photoshop中：“文件”->“在新对话框中新建”窗口设置屏幕
宽度：720像素高度：1280像素
我猜上述尺寸意味着分辨率为320像素/英寸。但是要确保您可以在对话框窗口中将分辨率值更改为320。在这种情况下，像素/英寸= DPI
恭喜...您有720dp x 1280dp初始屏幕模板。
如何生成9补丁启动画面
设计初始屏幕后，如果要设计9补丁初始屏幕，则应在每侧插入1个像素间隙。因此，您应该将画布大小的宽度和高度增加+2像素（现在图像大小为722 x 1282）。
我按照下面的指示在每边留了1个像素的空白。
使用Photoshop更改画布大小：
-在Photoshop中打开启动画面png文件
-单击“图层”字段中“背景”名称旁边的锁定图标（保留空白而不是其他颜色，如白色），如果存在下面：-从“图像”菜单更改画布大小（宽度：720像素至722像素，高度：1280像素至1282像素）。现在，在初始屏幕图像的每一侧应看到1个像素的间隙。
然后，您可以使用C：\ Program Files（x86）\ Android \ android-studio \ sdk \ tools \ draw9patch.bat转换9补丁文件。为此，在draw9patch应用程序上打开启动屏幕。您应该定义徽标和可扩展区域。请注意以下示例启动屏幕中的黑线。黑色线的粗细仅为1 px;）左侧和顶部黑色线定义了初始屏幕的必须显示区域。完全按照您的设计。右和底线定义可添加和可移动区域（自动重复区域）。
只需这样做：
在draw9patch应用程序上缩放图像的顶部边缘。单击并拖动鼠标以画线。然后按Shift +单击并拖动鼠标以擦除线。
如果您开发跨平台应用程序（例如Cordova / PhoneGap），则可以找到以下地址，几乎涵盖了所有恶意OS初始屏幕尺寸。单击以获取Windows Phone，WebOS，BlackBerry，Bada-WAC和Bada初始屏幕尺寸。
https://github.com/phonegap/phonegap/wiki/App-Splash-Screen-Sizes
而且，如果您需要IOS，Android等应用程序图标大小，则可以在此处访问。
iOS
Format : PNG (recommended)
Dimensions
- Tablet (iPad)
- Non-Retina (1x)
- Portrait: 768x1024px
- Landscape: 1024x768px
- Retina (2x)
- Portrait: 1536x2048px
- Landscape: 2048x1536px
- Handheld (iPhone, iPod)
- Non-Retina (1x)
- Portrait: 320x480px
- Landscape: 480x320px
- Retina (2x)
- Portrait: 640x960px
- Landscape: 960x640px
- iPhone 5 Retina (2x)
- Portrait: 640x1136px
- Landscape: 1136x640px
- iPhone 6 (2x)
- Portrait: 750x1334px
- Landscape: 1334x750px
- iPhone 6 Plus (3x)
- Portrait: 1242x2208px
- Landscape: 2208x1242px