iMac下制作含透明度图片及判断图片透明度

最近在做安装包优化相关的内容,期间遇到了一个问题,怎么检查一张图片是不是有透明度,发现mac下面没有很好的工具,这部分内容难度也很低,所以就自己顺手写了一个简单的工具。

关于为什么要检查一张图片是不是有透明度,我后面会在介绍安装包优化的详细介绍。

iMac下怎么制作含透明度图片

在macOS中自带的预览十分强大,我们可以通过预览来直接制作一些透明效果的PNG图片。这里要用到的是【预览】中的“即时Alpha”工具。

  • 使用预览打开图片,点击上方菜单中的按钮打开工具栏,然后找到 “即时Alpha” 功能对应的魔术笔一样的按钮,点准备开始编辑,如下图:
  • 选色 使用选色笔,选择要清楚的颜色部分,然后按住鼠标左键拖动,然后就会发现预览已经自动帮你裁剪选择了要剔除的部分,然后按删除键删除白色部分,这时系统就会提示是否要将文稿转换为png,选择转换,此时图片就已经完成了修改。
  • 导出 选择 “文件”-“导出”,即可导出并保存修改后的图片。
  • 文件对比 这里是修改后的两个文件的一个简单的对比效果,可以看到png的大小明显增加:

怎么判断图片是否有渐变或者透明度

➜  getPNGInfo git:(master) ✗ java -jar ./getPNGInfo.jar ./png_test_head_origin.jpg   {"ret":0,"msg":"图片是否有渐变: false ,图片尺寸为(宽*高): 344 * 344 , 图片大小: 7 KB,图片类型: 5","hasAlpha":false,"type":5,"width":344,"height":344,"size":7} 	   
➜  getPNGInfo git:(master) ✗ java -jar ./getPNGInfo.jar ./png_test_head.png   {"ret":0,"msg":"图片是否有渐变: true ,图片尺寸为(宽*高): 344 * 344 , 图片大小: 33 KB,图片类型: 6","hasAlpha":true,"type":6,"width":344,"height":344,"size":33}
 
 

参考文章

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏我和未来有约会

SplashScreenSource的妙用

默认初始屏幕体验 在托管 API 下为 Silverlight 定义的默认体验是:超出某一时间阈值(约为 0.5 秒)的任何加载都将在内容区域中显示基于 XA...

22770
来自专栏Jerry的SAP技术分享

使用DOM Breakpoints找到修改属性的Javascript代码

使用Chrome开发者工具的DOM断点功能可以让您快速找到修改了某一个DOM元素的Javascript代码。

20590
来自专栏jiajia_deng

react-router 环境使用锚点的方法

15340
来自专栏互联网软件技术

wangEditor-基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费(1)

wangEditor-基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费

36360
来自专栏林德熙的博客

win10 UWP 标题栏后退

BackRequested 后退方法,如何获得参见:c# 设计模式 责任链.md 注意不要在每个页面的构造都使用添加事件,如果这样子,那么就会出现按一下后退出现...

7310
来自专栏更流畅、简洁的软件开发方式

【小试身手】几个自定义控件的组合应用,实现简单的“增删改查”功能(有源码)

     分页控件、查询控件、显示数据的控件和表单控件,终于把这几个控件结合在一起了,和在一起之后就可以让“增删改查”变的非常的简单和容易了,当然还需要数据访问...

24890
来自专栏Spring相关

制作Nine-Patch图片

13710
来自专栏Python爬虫与算法进阶

如何在微信公众号编辑Python代码?

直接引用代码完全没法看,后来在群里听说chrome有一个神器:markdownhere 安装过程就不说了,下面说一说如何使用。 markdown语法说明 粘贴一...

38050
来自专栏jiajia_deng

react-router 环境使用锚点的方法

26120
来自专栏我和未来有约会

SplashScreenSource的妙用

默认初始屏幕体验 在托管 API 下为 Silverlight 定义的默认体验是:超出某一时间阈值(约为 0.5 秒)的任何加载都将在内容区域中显示基于 XA...

18860

扫码关注云+社区

领取腾讯云代金券