2013/06/25

批次調整 iOS版LINE 主題圖片從 @2x.png 變成 .png

問題的起因在於,目前大部分iOS的LINE 主題大多都是用iPhone 4以上的型號製作的,

有些 iPad mini 的使用者套用後無法正常顯示,我們先從解析度的角度來看,

iPhone 4與4S的解析度是 (640 x 960 pixels),iPhone 3GS的解析度是(320 x 480 pixels)

而  iOS的開發者的檔案命名方式就會分成二種 (長與寬剛好各差2倍):
  1. iPhone 3G 3GS and iPod touch (320 x 480 pixels) - XXX.png
  2. iPhone 4, 4S - (640 x 960 pixels) - XXX@2x.png 

iPad mini 安裝兔兔主題後,資料夾中同一個圖會有2個檔案: XXX.png 與 XXX@2x.png

而 LINE程式只會抓 XXX.png 作使用,網路上抓到的主題都是製作 XXX@2x.png

所以即使覆蓋了,也會無法正常顯示...

(iPad 1/2/3/4/mini 都是會有兩份檔案,但iPad 1/2/mini 都會使用低解析度的圖,
iPad 3/4都會使用高解析度的圖)


有人想說那直接改檔名呢?答案是不行的!剛才已經有說過了,

兩個檔案的大小是不同的,直接把改成,圖片還是太大會造成畫面錯亂~

所以為了不用每個檔案重新製作,我們可以用「批次處理圖片」的方法來解這個問題,

批次就是一整批的處理工作,從前面的規則看起來,剛剛好兩種檔案就是差一倍~

以下先簡單舉個說明我們該怎麼做:


XXX@2x.png (100 x 100 pixels),XXX.png 剛好只有一半大小 (50 x 50 pixels),

如果 iPad mini 想要使用目前網路上的主題,必須要下載主題檔案,

接著用工具軟體批次調整圖片大小(縮小50%),

最後再批次改檔名 --> XXX@2x.png 改成 XXX.png




網路上的工具很多,隨便找了兩個
底下就用這兩套工具說明如何批次修改與調整圖片,一開始先將下載後的主題解壓縮,

內容應該有images資料夾theme.json檔案,主要的圖片都在images資料夾中,

(建議將images資料夾groupboard資料夾timeline資料夾的圖片分三次處理)

批次縮圖:使用EasyImageModifier工具

▼開啟 EasyImageModifier 工具,先點「檔案清單」,接著把把要縮小的圖片載入,或拖曳到下列檔案清單視窗也可以。

「重設大小」:先勾選「啟動重新設定」,在選擇後面的百分比「50%」(縮小50%)

「變更格式」:為了讓工具照原本格式儲存,「選擇儲存格式」取消勾選

「選擇目的地」:預設是儲存在桌面上的output資料夾,也可以自訂,最後按下「處理」

這樣工具就會自動把我們選擇的照片全部縮小50%,然後把 XXX@2x.png 檔先儲存在目的地資料夾了,接著我們就要重新命名。


批次重新命名:使用Ant-Renamer 2

▼開啟 Ant-Renamer 2 工具,先選擇檔案,把我們要重新命名的檔案都新增進去。

▼ 接著定義「動作」,這個工具可以重新命名的方式還蠻多元化的,這次我們選擇使用「取代字串」,尋找「@2x」,取代為「」 (這裡都不用打,滑鼠點擊一下就好)。

最底下的藍色框框可以預覽重新命名後的檔案,確定沒問題的話就按下「執行」,回到資料夾中檢視一下,應該就可以看到檔案全部都被重新命名成 XXX.png了~


以上的動作要把images資料夾groupboard資料夾timeline資料夾的圖片當檔案都做過一次,
這樣就可以在主題套用到3GS或iPad mini上,並且正確無誤的顯示出來了~~

▼ iPad mini 需修改調整後,套用才會正常顯示 (1X)

▼ iPad mini 需修改調整後,套用才會正常顯示 (放大2X)

因為iPad 3/4 都是retina螢幕,所以LINE會直接使用 XXX@2x.png 的檔案。
▼ iPad 3 無須修改調整,直接套用下載的主題 (1X)

▼ iPad 3 無須修改調整,直接套用下載的主題 (放大2X)

相關文章:iOS 免越獄(JB) 更換 LINE 佈景主題

C.T.

沒有留言:

張貼留言