使用 Hazel 和 ImageOptim 自动优化图片

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

我一直都在努力简化我的本地图片工作流程。我将图片用于博文、正在开发的网站、社交媒体……到处都是图片。几乎所有图片最终都会上传到网络。如果我们从图片和网络中学到了一件事,那就是它们应该被优化。

对我来说,这意味着在使用每张图片之前,都要将其拖放到 ImageOptim 中进行优化。单调重复的任务是计算机化的沃土,所以让我们将其计算机化。

桌面是我的暂存区

这正是我工作的方式。我正在积极使用的文件都放在桌面上。我完成操作后,就会将其移走。我保持桌面整洁。图片是最常出现在桌面上的文件之一。也许是 需要调整大小的屏幕截图,然后进行优化,再上传到某个地方,最后删除。

桌面是一个方便的地方,方便我完成所有这些操作。

使桌面上的任何图片都自动优化

如果我们不需要优化图片,因为桌面上的任何图片都会自动优化,那该多好?这就是我们在这里的目标。

一种解决方法是设置一个 Grunt/Gulp/Webpack/Whatever 的 watch 任务来监视桌面。然后,如果那里出现了一个图片文件,则运行一个图片优化任务。我们中的许多人可能已经在自己正在处理的网络项目中这样做了。这没什么不同。

除了……我们需要每次重启时都从命令行运行 gulp watch(或其他命令)。我敢肯定有一些技巧可以避免这种情况。比如将命令放到 `~/.bash_profile` 中。不过,我没有走这条路,因为……

进入 Hazel

一些人的建议让我了解了 Hazel。它基本上是 macOS 的一个监视任务,带有一个 UI 用于设置你想要它执行的所有操作。例如,你可以监视你的下载文件夹,如果文件类型是电影,你可以将其自动移动到电影文件夹。很酷。

这使得我们想要做的事情变得非常容易。我们监视桌面文件夹,如果文件类型是图片,则在 ImageOptim 中打开它。

看到这张图片了吗?上面那张?它使用 Hazel 和 ImageOptim 自动优化了。

确实很简单

这是一件非常简单且显而易见的事情,我几年前本可以做到的。我想这就是我写博客的原因。这是一件简单的事情,它帮助了我很多,也可能帮助你。最重要的是,我一直坚持使用它。有时我会尝试一些工作流程优化,但最终没有坚持下去。但这一个做到了。