iPhone手机尺寸、分辨率、高宽比例、几倍图总结

iPhone2G屏幕为3.5寸,分辨率为480*320像素,比例为3:2。1倍图。

iPhone3G屏幕为3.5寸,分辨率为480*320像素,比例为3:2。1倍图。

iPhone3GS屏幕为3.5寸,分辨率为480*320像素,比例为3:2。1倍图。

iPhone4屏幕为3.5寸,分辨率为960*640像素,比例为3:2,比之前三代像素增加,但屏幕比例没变化。2倍图。

iPhone4s屏幕为3.5寸,分辨率为960*640像素,比例为3:2。2倍图。

iPhone5屏幕为4寸视网膜屏,分辨率为1136*640像素,比例为16:9。2倍图。

iPhone5s屏幕为4寸视网膜屏,分辨率为1136*640像素,比例为16:9。2倍图。

iPhone6屏幕为4.7寸,分辨率为1334*750像素,比例为16:9。2倍图。

iPhone6Plus屏幕为5.5寸,分辨率为1920*1080像素,比例为16:9。3倍图。

iPhone6s屏幕为4.7寸,分辨率为1334*750像素,比例为16:9。2倍图。

iPhone6sPlus屏幕为5.5寸,分辨率为1920*1080像素,比例为16:9。3倍图。

iPhone7屏幕为4.7寸,分辨率为1334*750像素,比例为16:9。2倍图。

iPhone7Plus屏幕为5.5寸,分辨率为1920*1080像素,比例为16:9。3倍图。

iPhone8屏幕为4.7寸,分辨率为1334*750像素,比例为16:9。2倍图。

iPhone8Plus屏幕为5.5寸,分辨率为1920*1080像素,比例为16:9。3倍图。

iPhone X屏幕为5.8寸,分辨率为2436*1125像素,比例为19.5:9。3倍图。

iPhone XR屏幕为5.8寸,分辨率为1792*828像素,比例为19.5:9。2倍图。

iPhoneXS屏幕为5.8寸,分辨率为2436*1125像素,比例为19.5:9。3倍图。

iPhone XS Max屏幕为6.5寸,分辨率为2688*1242像素,比例为19.5:9。3倍图。

iPhone 11屏幕为6.1寸,分辨率为1792*828像素,比例为19.5:9。2倍图。

iPhone 11 Pro屏幕为5.8寸,分辨率为2436*1125像素,比例为19.5:9。3倍图。

iPhone 11 Pro Max屏幕为6.5寸,分辨率为2688*1242像素,比例为19.5:9。3倍图。

iPhone 12 mini屏幕为5.4寸,分辨率为2340*1080像素,比例为19.5:9。3倍图。

iPhone 12屏幕为6.1寸,分辨率为2532*1170像素,比例为19.5:9。3倍图。

iPhone 12 Pro屏幕为6.1寸,分辨率为2532*1170像素,比例为19.5:9。3倍图。

iPhone 12 Pro Max屏幕为6.7寸,分辨率为2778*1284像素,比例为19.5:9。3倍图。

iPhone 13 mini屏幕为5.4寸,分辨率为2340*1080像素,比例为19.5:9。3倍图。

iPhone 13屏幕为6.1寸,分辨率为2532*1170像素,比例为19.5:9。3倍图。

iPhone 13 Pro屏幕为6.1寸,分辨率为2532*1170像素,比例为19.5:9。3倍图。

iPhone 13 Pro Max屏幕为6.7寸,分辨率为2778*1284像素,比例为19.5:9。3倍图。

iPhone 14屏幕为6.1寸,分辨率为2532*1170像素,比例为19.5:9。3倍图。

iPhone14Plus屏幕为6.7寸,分辨率为2778*1284像素,比例为19.5:9。3倍图。

iPhone 14 Pro屏幕为6.1寸,分辨率为2556*1179像素,比例为19.5:9。3倍图。

iPhone 14 Pro Max屏幕为6.7寸,分辨率为2796*1290像素,比例为19.5:9。3倍图。

 

iPhone SE(2016年性能类比iPhone6)屏幕为4寸视网膜屏,分辨率为1136*640像素,比例为16:9。2倍图。

iPhone SE2(2020年性能类比iPhone11)屏幕为4.7寸,分辨率为1334*750像素,比例为16:9。2倍图。

iPhone SE3(2022年性能类比iPhone13)屏幕为4.7寸,分辨率为1334*750像素,比例为16:9。2倍图。

 

 

客户端开屏广告适配的一点经验

开屏广告如何适配?ui问应该给切几种尺寸的图?

随着苹果,Google等大厂不断研发新的设备机型,Android和iOS的设备种类越来越繁多了,有普通的屏幕16:9的,也有最近几年出来的全面屏,水滴屏,刘海屏等,Android的全面屏基本上是18:9的比例,iPhone X的尺寸是19.5:9。按照这个结论,大致上是有三种尺寸的图的。所以得让设计师一个广告图,切三个尺寸。

根据现有的屏幕比例,分成了大致的三类:基础版 1080*1920(通用16:9)、Android 全面屏 1080*2160(比例18:9)、iPhone X 1125*2436(19.5:9)让设计师一张图切出这几个尺寸即可。

客户端调用api,传递高宽比的值,服务端根据高宽比返回对应的图片。这样图片加载到页面上,经过缩放拉拉伸等等,效果上也还不错。

(需要服务端配合,管理后台运营人员只需上传以下3个尺寸的图即可)

 

 

其他的一些思路:

实际上如果团队约定明确的话,一种尺寸也是可行的,这种的话,需要让ui设计师,以及运营明白,
做出来的图片(适用于广告营销、品牌推广类型的),靠近左右两边的位置不要放置重要信息,图片不要过于复杂等,以免被裁剪影响阅读和效果。有这个意识的话,一张图片也可行,这样就不存在拉伸形变的问题

 

 

屏幕尺寸总结不错的网址 https://www.screensizes.app/

 

posted @ 2020-09-10 16:34  黄增松  阅读(30025)  评论(2编辑  收藏  举报