Android圖片優(yōu)化--使用webp

?在炎熱的七月滔悉,偶然被鄰桌的同事喊了一下沼沈。嘿,過來看個東西嘱函。于是我伸著脖子過去看了一下甘畅。

他說“我發(fā)現(xiàn)一個androidStuido很屌的功能,可以把500kb的圖片壓縮到22kb”往弓。以為挺復(fù)雜的疏唾,原來還挺簡單,動動手指頭就可以了函似。當(dāng)然這要歸功于2.3版本的androidStuido槐脏,自帶主角光環(huán)。

來看操作


首先說一下背景

WebP是谷歌提供的一種支持有損壓縮和無損壓縮的圖片文件格式缴淋,而且可以提供比JPEG或PNG更好的壓縮准给。

在Android 4.0(API level 14)中支持有損的WebP圖像,在Android 4.3(API level 18)和更高版本中支持無損和透明的WebP圖像

注意:由于支持無損和透明的WebP圖像只能在Android 4.3和更高版本中使用重抖,所以您的項目必須聲明一個minSdkVersion 18或更高版本露氮,以使用Android Studio創(chuàng)建無損或透明的WebP圖像。

有關(guān)WebP圖像格式的更多信息钟沛,請參見WebP站點畔规。有關(guān)選擇正確圖像格式以提高下載速度的更多信息,請參閱減少圖像下載大小恨统。

下面開始展示如何將圖像轉(zhuǎn)換成WebP格式叁扫。


Android Studio可以將PNG、JPG畜埋、BMP或靜態(tài)GIF圖像轉(zhuǎn)換為WebP格式莫绣。

1. 右鍵單擊一個圖像文件或包含許多圖像文件的文件夾,然后單擊Convert to WebP悠鞍。

2. 會彈出圖像轉(zhuǎn)換為WebP對話框对室。

? ? - 默認(rèn)設(shè)置取決于當(dāng)前模塊的minSdkVersion設(shè)置。

? ? - 在這里由于我這個項目的minSdkVersion = 15。所以系統(tǒng)給我默認(rèn)選擇是有損的webp圖像設(shè)置掩宜。

3. 選擇有損或無損編碼蔫骂。在這里我們選擇有損的。

注意:點9圖(.9.png)格式的文件牺汤,不能轉(zhuǎn)換為WebP圖像辽旋。轉(zhuǎn)換工具總是自動跳過9個補丁的圖像

如果您的minSdkVersion設(shè)置為18或更高,則只能使用無損編碼檐迟。如果選擇有損編碼补胚,則設(shè)置編碼質(zhì)量,并在保存之前選擇是否查看每個轉(zhuǎn)換圖像的預(yù)覽锅减。

您還可以選擇跳過轉(zhuǎn)換任何文件糖儡,這些文件的編碼版本將大于原始版本,或者任何具有透明或alpha通道的文件怔匣。

由于Android Studio只允許您創(chuàng)建透明的WebP圖像握联,如果您的minSdkVersion設(shè)置為18或更高,那么如果您的minSdkVersion低于18每瞒,則自動選擇透明/ alpha通道復(fù)選框的跳過圖像金闽。

4. 如果您選擇無損的,單擊OK開始轉(zhuǎn)換剿骨。如果您正在轉(zhuǎn)換多個圖像代芜,那么轉(zhuǎn)換是一個單步,并且可以撤消浓利,以恢復(fù)您一次性轉(zhuǎn)換的所有圖像挤庇。

5. 如果您選擇上面的無損轉(zhuǎn)換,那么轉(zhuǎn)換將立即發(fā)生贷掖。你的圖像在原來的位置被轉(zhuǎn)換嫡秕。如果選擇了有損轉(zhuǎn)換,則繼續(xù)下一步苹威。

如果您選擇了有損轉(zhuǎn)換昆咽,并且您選擇在保存之前查看每個轉(zhuǎn)換圖像的預(yù)覽,Android Studio會在轉(zhuǎn)換過程中顯示每個圖像牙甫,這樣您就可以檢查轉(zhuǎn)換結(jié)果掷酗。

下圖顯示左側(cè)的原始JPG圖像和右側(cè)的有損編碼的WebP圖像。

您可以拖動滑塊左或右改變質(zhì)量設(shè)置窟哺,并立即看到對編碼圖像和文件大小的影響泻轰。

中間區(qū)域顯示了原始圖像和編碼圖像之間的像素。在圖中且轨,質(zhì)量設(shè)置為100%糕殉。您也可以選擇默認(rèn)的75%看一下效果亩鬼,這兩個圖像幾乎沒有差別殖告。

下圖顯示了與質(zhì)量設(shè)置為0%的相同圖像阿蝶。壓縮太多。圖片失真黄绩,不推薦羡洁。推薦使用默認(rèn)設(shè)置75%壓縮。

(如果你沒有選擇觀看預(yù)覽爽丹,Android Studio跳過這一步筑煮,立即轉(zhuǎn)換你的圖像。)在預(yù)覽步驟中粤蝎,您可以單獨調(diào)整每個圖像的質(zhì)量設(shè)置真仲。

6. 單擊Finish。你的圖像在原來的位置被轉(zhuǎn)換初澎。你會發(fā)現(xiàn)圖片大小減少了多少秸应,大聲的告訴我!1纭软啼!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市延柠,隨后出現(xiàn)的幾起案子祸挪,更是在濱河造成了極大的恐慌,老刑警劉巖贞间,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件贿条,死亡現(xiàn)場離奇詭異,居然都是意外死亡增热,警方通過查閱死者的電腦和手機整以,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來钓葫,“玉大人悄蕾,你說我怎么就攤上這事〈「。” “怎么了帆调?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵,是天一觀的道長豆同。 經(jīng)常有香客問我番刊,道長,這世上最難降的妖魔是什么影锈? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任芹务,我火速辦了婚禮蝉绷,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘枣抱。我一直安慰自己熔吗,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布佳晶。 她就那樣靜靜地躺著桅狠,像睡著了一般。 火紅的嫁衣襯著肌膚如雪轿秧。 梳的紋絲不亂的頭發(fā)上中跌,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天,我揣著相機與錄音菇篡,去河邊找鬼漩符。 笑死,一個胖子當(dāng)著我的面吹牛驱还,可吹牛的內(nèi)容都是我干的嗜暴。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼铝侵,長吁一口氣:“原來是場噩夢啊……” “哼灼伤!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起咪鲜,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤狐赡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后疟丙,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體颖侄,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年享郊,在試婚紗的時候發(fā)現(xiàn)自己被綠了览祖。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡炊琉,死狀恐怖展蒂,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情苔咪,我是刑警寧澤锰悼,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站团赏,受9級特大地震影響称近,放射性物質(zhì)發(fā)生泄漏谋右。R本人自食惡果不足惜确虱,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望曲初。 院中可真熱鬧,春花似錦杯聚、人聲如沸臼婆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽目锭。三九已至,卻和暖如春纷捞,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背被去。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工主儡, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人惨缆。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓糜值,卻偏偏與公主長得像,于是被迫代替她去往敵國和親坯墨。 傳聞我的和親對象是個殘疾皇子寂汇,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內(nèi)容