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倍圖。

 

 

客戶端開屏廣告適配的一點經驗

開屏廣告如何適配?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/

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM