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倍圖。
客戶端開屏廣告適配的一點經驗
開屏廣告如何適配?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/