簡體   English   中英

要在圖片集中上傳哪3張尺寸/分辨率的圖片以支持所有設備?

[英]Which 3 size/resolution images to upload in image set to support all devices?

與IOS中的資源相比,現在優先使用圖像資產,該資源僅支持上傳3個版本的圖像。 1x,2x和3x。

但是iPhone上支持多種設備分辨率

640x1136-5系列
750x1334-6,6s,7,8
1242x2208-(6,6s,7,8)加
1125x2436-X,XS
828x1792-XR
1242x2688-XS最大

我可以理解例如1x,2x和3x的分辨率。 320px(1x),640px(2x)和960(3x)。

但是我不知道要上傳哪種3種圖像尺寸來支持所有設備,以便完整的圖像在所有設備上全屏顯示?

分辨率為1x,2x和3x。 在大多數情況下,您應該縮放圖像的大小,例如1x為100x100200x200300x300

這與分辨率無關,而是與DPI比例無關。 這是您從UIScreen.main.scale獲得的值。 這是您的坐標系和scree像素坐標系之間的比例。 例如,如果您使用分辨率為750x1334的2x設備並打印出幀,則可以通過檢查UIApplication.shared.keyWindow!.frame 375x667獲得375x667

這意味着,如果將幀尺寸為100x100的圖像視圖放置在2x設備上,則將需要200x200像素。 對於3倍,它將需要300x300像素。 因此,這就是2x和3x圖像應該更大的原因。

如果您要根據屏幕尺寸直接縮放圖像,則會出現問題。 假設以下內容:

let imageWidth: CGFloat = 44.0/375.0*view.frame.size.width

如果將此用於圖像尺寸,則圖像將根據屏幕尺寸按比例調整大小。 這樣做,您將需要一個比3個版本更好的圖標系統。 您可以將它們放入資產中,每個屏幕分辨率具有3張圖像。

但是在大多數情況下,最好保留圖像大小並增加其周圍的空白。 因此,假設一個寬度為375的屏幕中間的圖像寬度為100。 它將在每側產生137,5空格。 現在在寬度為414的設備上看到同一場景將在側面的哪一側產生157個空白。 這通常是可以接受的。

如果確實需要縮放圖像,則還應考慮縮放字體。 如果您的一個圖標的大小增加了10%,則其旁邊的文本很可能應該將字體大小增加了10%。 由於字體大小四舍五入為整數值,這可能會使事情變得更加復雜。 因此,我建議您避免這種情況。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM