導航:首頁 > 編程語言 > js如何使用2x圖和3x圖

js如何使用2x圖和3x圖

發布時間:2023-02-23 01:25:05

1. 切圖常說的@1X@2X@3X是什麼意思

蘋果IOS程序開發不同解析度的設備統一為一個尺寸而標記的。@3X就是@1X解析度的3倍。
iPad2 是768 x 1024,iPad Retina 是1536 x 2048,開發時都按 768 * 1024
操作。但實際上兩者有一倍差異。為了達到最佳效果,使用的圖片大小不一樣。這時候就用同一個名稱,但 Retina 的圖加上 @2x
後綴。系統載入圖片時,在 iPad2 上會載入 @1x 的圖在 1536 * 2048 的設備上,會載入 @2x 的。@3x 現在用於
iPhone 6/6+ 上。

附帶一提:iOS8渲染操作中使用前綴帶有@1x、@2x 和@3x 的測試圖像,代碼會優先載入3x 圖像。@2x圖像不被載入。使用圖像文件和XCAsset均不行。

2. 【iOS】iOS開發之使用Mac自動操作製作@1x@2x@3x圖片(切圖)

iOS開發中,會要求導入@1x、@2x和@3x:

使用@1x格式: iPhone3GS

使用@2x格式: iPhone 4,4S,5,5S,5C,SE,6,6S,7,8,XR

使用@3x格式: iPhone 6Plus、6sPlus、7Plus、8Plus、X、XS、XS Max

這樣在開發過程中,將三種圖片(比如分別為1.png、[email protected][email protected])導入到工程圖庫中的時候可以自動被識別為1x、2x和3x大小的圖片

可以利用Mac系統中自帶的服務自己 製作一個快速生成@1x、@2x和@3x圖片的功能

首先spotlight搜索Automator,然後按Enter打開

**新建文稿 **

選取文稿類型為 快速操作

在工作流程收到當前的後面選擇圖像文件

在左邊窗口的「操作」下,選擇「資源庫」中的「文件和文件夾」,將右側中的「給訪達項目重新命名」拖入最右側的大窗口中,(如果警告提示是否要增加一個「拷貝訪達項目」操作,選擇「不添加」),選擇「添加文本」,在輸入框中輸入【@3x】

拖入「復制訪達項目」

選擇左側「資源庫」中的照片,將「縮放圖像」拖入右側窗口(如果警告提示是否要增加一個「拷貝訪達項目」操作,選擇「不添加」),並選擇「按百分比」,輸入【66】

再拖入「文件和文件夾」下的「給訪達項目重新命名」,並選擇【替換文本】,查找【「】,以【僅基本名稱】;****再拖入「文件和文件夾」下的「給訪達項目重新命名」,並選擇【替換文本】,查找【@3x」的副本】,以【僅基本名稱】,替換成【@2x】

拖入「復制訪達項目」,選擇左側「資源庫」中的照片,將「縮放圖像」拖入右側窗口(如果警告提示是否要增加一個「拷貝訪達項目」操作,選擇「不添加」),並選擇「按百分比」,輸入【50】

再拖入「文件和文件夾」下的「給訪達項目重新命名」,並選擇【替換文本】,查找【「】,以【僅基本名稱】,再拖入「文件和文件夾」下的「給訪達項目重新命名」,並選擇【替換文本】,查找【@2x」的副本】,以【僅基本名稱】

然後保存,將「快速操作」存儲為「製作@2x@3x圖片」

每次使用的時候,只需選中圖片,選擇訪達 -> 服務 -> 製作@2x@3x圖片,****就會自動生成三個圖片:1.png、[email protected][email protected]

最終效果~

3. android中ui給的2x和3x圖怎麼用

drawable-hpi用2x的drawable-xhpi用3x的

閱讀全文

與js如何使用2x圖和3x圖相關的資料

熱點內容
蘋果6p微信發送語音會自己中斷 瀏覽:644
win10拷貝文件到u盤速度慢 瀏覽:396
怎麼把ps源文件字體改清楚 瀏覽:440
u盤如何恢復win10系統下載 瀏覽:153
完美世界100級升級攻略 瀏覽:67
安卓手機去除廣告軟體 瀏覽:529
水果禮品卡網站有哪些 瀏覽:272
愛譜數據線纜多少錢 瀏覽:165
word轉換成圖片格式 瀏覽:182
移動數據收費標準是多少 瀏覽:952
me525微信451去升級版 瀏覽:152
如何把壓縮文件變成永久文件 瀏覽:828
數據分片最大值多少 瀏覽:598
會玩app開完小號如何找回大號 瀏覽:939
html顯示flash代碼 瀏覽:651
while語句java 瀏覽:376
iphone鉻黃ps 瀏覽:529
linux掛載到已有分區 瀏覽:327
飛行員報告的數據都有哪些 瀏覽:482
騰訊視頻app怎麼傳視頻 瀏覽:125

友情鏈接