為何APP開發時都要開發者自己提供多種尺寸的圖標圖片?

一直不明白三大移動平台APP開發時,為什麼都要開發者自己提供各種不同尺寸規格的圖標圖片,這不應該是我提供一個最高解析度圖片,然後IDE自動實現高質量縮小製成各種規格的圖片就行了嗎?

害得我每次做APP圖標時都得開著Photoshop一次次地導出各種尺寸規格,累死。

最終不勝其煩,我就自己寫了個程序來自動生成各種規格的圖片,在此也直接分享出來,讓你們也脫離苦海:

鏈接:http://pan.baidu.com/s/1hssPJrY 密碼:z9g1

(程序說明見下文)

不要光拿軟體不說話哦,說說你對這問題的見解吧。

————————————————————————————

程序說明:

一口氣生成三大平台各種各種規格的圖標圖片,而且支持自定義背景色、目錄名、文件名、文件格式、尺寸、是否應用背景、圓角矩形半徑,只要按我上面的格式添加規則即可(設置自動保存,下次不用重複添加)。

生成的效果就是這樣的(以下是Android平台圓角矩形圖標版):

剛做出來,有什麼需要完善的地方給我提,反正我目前感覺很好用,能省下不少時間。


對於自動縮放就能解決的圖標,很容易就能做一個自動縮放的程序,並且開發者可以自己檢查質量。所以要求提供多個並沒什麼影響。

對於自動縮放不夠的,比如會產生明顯鋸齒,就得由開發者手動生成多個。這鍋應用商店不背。

當然,很多時候圖標其實是矢量圖生成的,本來就能很容易生成多個大小的清晰圖。


&<刪除&>你的logo直接用印度教的標誌真的沒問題嗎…&(文明玩多了)

補充 @叛逆者的答案。

本質原因是——很多圖標很複雜,無法用一種簡單的方案從高清大圖生成小圖標。

例如你自己的圖標不就是個很直接的例子?縮小了之後還能保留周圍一圈圖形嗎?64x64還能保留所有元素,32x32就得修改元素了,24x24乾脆要消除一些元素,16x16直接可能連主題元素都要改。

還有一重考量是不同色彩環境下用什麼內容。比如你的圖標在24位色下很好看,256色時怎麼辦?選什麼樣的調色板?灰度化呢?直接去色度的話本來相鄰的部分可能就分不清了,那麼哪個顏色弄亮哪個弄暗?二值化呢?

這個過程,留啥改啥不是一個簡單的決定,必須要對圖標內容有理解才行。所以,沒法依賴自動縮放,只能讓開發者自己提供一整套,然後系統自動選擇何時用哪一個。


其實需要提供多個尺寸圖標的不是開發者,而是設計師。

不要認為出個最大尺寸然後靠軟體縮放就行,而且靠不同的軟體縮放最終得到的效果其實可能都不一樣。為了保證多個尺寸下的icon的顯示效果,甚至需要單獨在對每個尺寸進行設計和調整。比如說儘可能避免出現半個像素這種情況,以保證邊緣顯示的銳利。而單純的縮放並不能解決這些問題。

其實吧,這都是設計師該做的工作,苦了你們開發。


這個我們需要,我們還嫌少,你自己縮放吧


別的平台我不懂。但實際上,安卓是可以只提供一套最高像素密度的圖,然後在低像素密度手機上這些圖也確實會自己壓縮。當然如果你提供低像素的圖的話,高像素密度手機上也會把你的圖放大,當然這樣效果肯定是不好的。

另外考慮到如其他答主所說,存在縮放不能滿足需求的情況,這時一定要提供多套圖。


自動縮放確實會出現失真現象的。

但是,現在大部分手機都超視網膜解析度。縮小在2倍範圍內,是不會有明顯的視覺問題。放大不超過1.2倍就不會有明顯的模糊。

也就是說開發者只需要提供xhdpi或者xxhdpi解析度就行了,系統會自動向下縮放。是你自己要搞這麼複雜的。

這是個度的問題,系統只是給你更多選擇。如果你還需要支持很老的120dpi的手機,那自己再切一套圖。


先生,你聽過安....不對,你聽過像素對齊和safe zone嗎?


只要一個解析度稍微高一點的就可以了。

Android Studio,新建Image Assert,插入圖標,都幫你弄好了,還支持一些簡單的效果。

想想當初手動用畫圖調解析度,真是naive。


基礎情況上面已經有人說的比較詳細了。

不同解析度下,圖標可能並不是簡單的放大和縮小關係,有時候需要重新設計。

實在不理解的話...可以圖片中插入文字看看縮小之後的效果

然後歪樓一下.....

我覺得 樓主是在推薦他自己的..應用的 2333


對於Android來說理論上來說提供一個最高質量圖即可,低解析度自行壓縮,即使這樣也需要多套圖,比如480和540屏幕密度都是1.5,如果480使用1440高質量圖壓縮則顯示就可能存在問題


美工都會提供至少三套圖,我只用最高清的那一套,然後程序設置縮放。


怎麼沒人用阿里開源的 iconfont?

最近支持了彩色複雜圖標,

WEB,Android,iOS 一套通,

矢量,文件體積還小,調整也方便。。。


一套解析度較高的圖其實也夠了


如果你只使用適量圖,那麼可以不用提供多個尺寸。

還有你要保證你圖片的解析度足夠高,還要看不同平台的縮放會不會出現偏差,那也可以不用提供多個尺寸。

你提到,提供一個高解析度的原圖 不就好了。那問題來了,多高算高?以在最大號ipad上不失真為最高好了吧,這樣其他更小設備上只要縮放就好了。這有兩個問題,第一,縮放到某一尺寸所得到的效果可能不如直接提供一張未經縮放的原圖效果好,還有的縮小之後不能完全保留大圖的特點。第二,如果以後有了更大號的ipad,那你的圖片是不是要失真了?


推薦閱讀:

假如微軟搞一套Linux下的UWP運行環境並且開源,能否緩解WP手機缺乏應用的局面?

TAG:AppStore | iOS開發 | Android開發 | 移動開發 | UWPWindows開發 |