终极截图王ShareX支持webp
本文最后更新于 241 天前,如有失效请评论区留言。

前言

首先,我们前面已经学习过自建Chevereto图床(具体的可以查看文章Typora和个人图床的最佳搭配)。在实际使用中,一款称手的截图工具在生产力环境中是必不可少的。经过一番调查,除了Fastone Capture、Snipaste外,ShareX也是一个免费的、功能强大的截图工具,所以想详细地了解它并推荐给大家。

其实最开始的时候我一直使用的是微信自带的截图工具,它默认返回的都是jpg或者png格式,但是小伙伴说我的博客图片加载有些许慢了,这时候我意识到,个人博客应该对Web图片进行优化以提升访问速度和节省流量。如果你的网站没什么人访问,是很难发现这个问题的;然而,如果你的网站长期经营且VPS流量有限,图片优化是一个要摆上日程的任务(特别是网站没有CDN的情况下,但即使有CDN,节约流量提升访问速率也是有必要的)。

经了解,WebP格式是博客图片优化的一种性价比较高的方案。为了将WebP融入我的日常创作,我对本地Typora使用WebP的流程进行了一定的探索。大致原理是:基于ShareX,通过通过imagemagick软件将本地png或jpg截图转化为WebP格式。这样做的话,服务器本身不用承担WebP转换的工作,而且由于WebP转换发生在本地,对于WebP转换的参数控制也可以更加随心所欲。这样的话,我们只需要有一个支持WebP的图床(如之前的文章提到的Chevereto)即可。

下面我们来看看如何对ShareX这个截图工具进行设置吧!

WebP

WebP类似于JPG/PNG,是一种图片格式。根据Google的说法:

WebP可为 Web 上的图像提供卓越的无损和有损压缩。使用 WebP,网站管理员和 Web 开发人员可以创建更小、更丰富的图像,从而使 Web 更快。与 PNG 相比,WebP 无损图像的大小要小 26% 。在同等 SSIM质量指数下, WebP 有损图像比可比较的 JPEG 图像小 25-34% 。

无损 WebP支持透明度(也称为 alpha 通道),成本仅为22% 额外字节。对于可以接受有损 RGB 压缩的情况,有损 WebP 还支持透明度,通常提供比 PNG 小 3 倍的文件大小。

jpg文件:2.9M

Vcz4Qi9yLS

jpg文件对应的WebP文件:大小1.09M

Vcz4Qi9yLS

肉眼没有明显的画质损伤,但图片大小却明显下降了。所以,在日常在typora插入图片时,可以使用WebP格式而不是png或jpg,这样在推送至博客后,他人访问多图片的博文时速度会更快;从更长期的时间来考量,对于节省图床空间也是很有利的。

ShareX

安装ShareX的过程中如果打开了360安全卫士,会导致某些权限失败,比如无法在windows启动时自动开启软件。临时关闭360安全卫士即可生效。

考察了多种流程,最后我的选择是通过ShareX+chevereto构建WebP图片的生成和托管

ShareX是一款十分有名的开源、免费的截图工具,其官方网站是:https://getsharex.com

其Github链接地址如下:ShareX

我选择ShareX的原因如下:

  • 使用广泛,文字和视频教程多
  • 优雅的截图和上传功能
  • 强大的动作设置
  • 活跃的社区

本文不介绍怎么安装ShareX,和一般的exe软件一样的。我想介绍的是一些实用的或和WebP相关的初始化设置。

chevereto是一款图床。如果你没有安装过chevereto,又或者是对于Typora存在使用困惑,请移步至我的chevereto教程:《Typora和个人图床的最佳搭配》

安装ShareX

首先先进到下载地址:https://getsharex.com/

chrome_kEcbO17FwY

下载完成后,直接双击exe文件进行安装即可,一切选项都可以默认。

下载imagemagick

在ShareX中,imagemagick可作为第3方插件用于将截图png/jpg格式自动转化为WebP格式。官方下载是地址:https://imagemagick.org/script/download.php。页面内容有点长,请在网页里搜索Windows Binary Release:

chrome_wS6OFKQn7z

我们就下载这个ImageMagick-7.1.1-Q16-HDRI-x64-dll.exe。自己安装好。比如,我最后的安装目录是:D:\ImageMagick-7.1.1-Q16-HDRI,那么应用的地址是D:\ImageMagick-7.1.1-Q16-HDRI\magick.exe记住这个地址,后面有用!

配置

快捷按键设置

ShareX_IIIFxKrJV7

这里我推荐你将快捷按键替换一下,因为原有的默认按键实在是不太好按。

动作设置

这一步是最重要的,也是本篇文章的核心,讲述如何将截图转换为webp图片导出

首先打开动作设置并且在打开的弹框里点击动作,之后点击添加一条:

ShareX_KX8GmCRITL

添加的图片如图所示:

img

这里需要替换几个点:

1.文件路径。文件路径需要替换成你的真实路径,我的真实路径是:D:\ImageMagick-7.1.1-Q16-HDRI\magick.exe,但是你的有可能和我不同。

2.参数。参数全都使用我这个"$input" -quality 50 -define WebP:lossless=true "$output"

3.扩展名筛选,图中我只填入的png,但是我的建议是jpg和png都填上,两者以空格分开。例如:jpg png

创建截图任务

所谓截图任务,就是在截图后进行的操作。

img

在截图后会打开图像编辑器,你可以再次对图像进行编辑,编辑完成后会进行保存(这里建议修改一下默认的保存路径,不然所有保存的图片都会默认存在C盘当中。)在这之后就是执行操作,执行操作就是我们上面勾选的webp操作:该操作可以将截图的png或者是jpg格式的图片转换成为webp并执行第五步【将文件复制到剪贴板】,这时候你就可以愉快的使用webp格式啦!

值得一提的是:微信和QQ是不支持Webp格式的,你如果发送webp格式,会默认给你转成一个文件进行发送。

小结

本文主要讲述了利用ShareX将图片转为webp格式,在数据信息量愈发庞大的今天,又或者是未来,信息压缩节约存储肯定是一个趋势,国外很多软件都已经开始采用webp格式了,相信国内的主流软件也会慢慢的往这方面靠吧。不过ShareX也有一些不足之处,就是似乎没有MacOS版本的,大家也都知道,小鹿有台Mac电脑,所以之后小鹿如果找到适合苹果系统的截图工具,也会单独发一篇文章啦!

宠辱不惊,闲看庭前花开花落。

去留无意,漫随天外云卷云舒。

又到了老节目了,这次小鹿给大家带来的是一张报纸墙唯美图:

baozhiqiang

版权声明:除特殊说明,博客文章均为夏夜小鹿原创,依据CC BY-SA 4.0许可证进行授权,转载请附上出处链接及本声明。 由于可能会成为AI模型(如ChatGPT)的训练样本,本博客禁止将AI自动生成内容作为文章上传(特别声明时除外)。如果您有什么想对小鹿说的,可以到留言板 进行留言
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇