Android图片优化--使用webp

 在炎热的七月,偶然被邻桌的同事喊了一下。嘿,过来看个东西。于是我伸着脖子过去看了一下。

他说“我发现一个androidStuido很屌的功能,可以把500kb的图片压缩到22kb”。以为挺复杂的,原来还挺简单,动动手指头就可以了。当然这要归功于2.3版本的androidStuido,自带主角光环。

来看操作


首先说一下背景

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创建无损或透明的WebP图像。

有关WebP图像格式的更多信息,请参见WebP站点。有关选择正确图像格式以提高下载速度的更多信息,请参阅减少图像下载大小。

下面开始展示如何将图像转换成WebP格式。


Android Studio可以将PNG、JPG、BMP或静态GIF图像转换为WebP格式。

1. 右键单击一个图像文件或包含许多图像文件的文件夹,然后单击Convert to WebP

2. 会弹出图像转换为WebP对话框。

    - 默认设置取决于当前模块的minSdkVersion设置。

    - 在这里由于我这个项目的minSdkVersion = 15。所以系统给我默认选择是有损的webp图像设置。

3. 选择有损或无损编码。在这里我们选择有损的。

注意:点9图(.9.png)格式的文件,不能转换为WebP图像。转换工具总是自动跳过9个补丁的图像

如果您的minSdkVersion设置为18或更高,则只能使用无损编码。如果选择有损编码,则设置编码质量,并在保存之前选择是否查看每个转换图像的预览。

您还可以选择跳过转换任何文件,这些文件的编码版本将大于原始版本,或者任何具有透明或alpha通道的文件。

由于Android Studio只允许您创建透明的WebP图像,如果您的minSdkVersion设置为18或更高,那么如果您的minSdkVersion低于18,则自动选择透明/ alpha通道复选框的跳过图像。

4. 如果您选择无损的,单击OK开始转换。如果您正在转换多个图像,那么转换是一个单步,并且可以撤消,以恢复您一次性转换的所有图像。

5. 如果您选择上面的无损转换,那么转换将立即发生。你的图像在原来的位置被转换。如果选择了有损转换,则继续下一步。

如果您选择了有损转换,并且您选择在保存之前查看每个转换图像的预览,Android Studio会在转换过程中显示每个图像,这样您就可以检查转换结果。

下图显示左侧的原始JPG图像和右侧的有损编码的WebP图像。

您可以拖动滑块左或右改变质量设置,并立即看到对编码图像和文件大小的影响。

中间区域显示了原始图像和编码图像之间的像素。在图中,质量设置为100%。您也可以选择默认的75%看一下效果,这两个图像几乎没有差别。

下图显示了与质量设置为0%的相同图像。压缩太多。图片失真,不推荐。推荐使用默认设置75%压缩。

(如果你没有选择观看预览,Android Studio跳过这一步,立即转换你的图像。)在预览步骤中,您可以单独调整每个图像的质量设置。

6. 单击Finish。你的图像在原来的位置被转换。你会发现图片大小减少了多少,大声的告诉我!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,524评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,869评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,813评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,210评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,085评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,117评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,533评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,219评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,487评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,582评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,362评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,218评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,589评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,899评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,176评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,503评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,707评论 2 335

推荐阅读更多精彩内容