浏览器扩展：把网页上的灵感一键搬回家

为什么扩展是收集环节的第一功臣

前面第一章讲的导入方式，都有个前提：东西得先在你电脑上。但设计师的灵感几乎都来自网上——刷 Pinterest、看 Behance、逛 Dribbble、翻站酷、刷 Instagram。这些东西如果不能一键存下来，你根本没有收集的机会，只能在浏览器收藏夹里“先存着”。而浏览器收藏夹是个什么下场？大家都清楚：收藏了五年，一次都没打开过。

浏览器扩展解决的就是这一环。它的作用是把“在网页上看到 → 变成 Eagle 里的一个条目”这个动作，压缩到一两次右键点击。

Eagle 官方在下载区域提供了浏览器扩展的安装入口，支持主流的 Chrome、Edge、Firefox 等浏览器。安装方式和装普通扩展一样，装完工具栏会出现 Eagle 的图标。

第一步：装好扩展并做基本设置

1. 安装扩展

从 eagle.cool 的下载页面找到浏览器扩展入口，下载对应你浏览器的版本。

2. 允许扩展访问你正在浏览的网站

这是最关键的一步，也是最容易卡住的一步。浏览器安装扩展后，通常不会立刻给它所有网站的操作权限，你需要在扩展的详情页里把网站访问权限打开，一般是一个“允许访问所有网站”或者类似”在所有网站上“的开关。

不打开的后果是：右键菜单里的 Eagle 选项可能是灰的，或者点了没反应。

3. 确认 Eagle 应用正在运行

扩展需要和桌面端通信。如果 Eagle 没开着，扩展大概率会保存失败或者没有任何反应。 养成习惯：先开 Eagle，再开始刷网页。

4. 设定默认的保存位置

在扩展的设置里（不同版本入口位置可能不同，大致在浏览器扩展的选项页，或者右键菜单里的相关项），把默认保存文件夹设成你上一节建的 01-灵感收藏 或者 99-待处理。

这个设置能让你省掉“每次保存后还要移动”这一步。 很多人在这一步上偷懒，结果 99-待处理 里堆了一堆”其实已经归好类了“的素材，每周清理时反而更累。

第二步：网页上到底能存什么

扩展装好之后，你会在不同场景下用到不同的方式。下面按使用频率排序。

场景一：存单张图片（最高频）

在网页上看到一张好图，右键点它，在弹出的菜单里找 Eagle 相关的选项。具体菜单文字在不同版本里可能是“保存到 Eagle”或者”Eagle · Save Image“之类。

这一步做完，一张图就进了 Eagle，通常还自动带上了来源网址。

为什么来源网址这么重要？ 因为半年后你搜到这张图，能一键跳回原网页，看清作者是谁、有没有授权声明、是不是 Getty 图库这种有版权限制的图。从网上存图的最大风险就是版权，而这个链接就是你的救命稻草。

场景二：批量保存（效率最高）

一张一张右键点，会累。

在很多网页上，你可以按住鼠标左键拖出一个框，把一片区域框起来，松开右键就能对框里的多个元素批量操作。选中之后右键，选择批量保存到 Eagle。

更省事的做法是用键盘键：很多网页上的图片支持点选后按住某个功能键多选。具体怎么多选，取决于网站自己的实现。

批量保存完，Eagle 通常会创建一个以网页标题命名的文件夹（如果你开启了这个选项），把这一批图都放进去。这个行为非常关键——它帮你自动完成了“归位”这一步。你只要点一次右键，20 张相关的图就带着共同的来源链接和分组进了仓库。

场景三：截取整页或局部区域

有些参考不是一张图，而是整个页面的排版——一个落地页、一个作品集、一个专题页。这时候你需要的是长截图，而不是保存页面上的图片。

扩展提供的截图能力通常包括：截取当前可见区域、截取整页、截取选定区域。具体入口和快捷键设置各版本可能不同，通常在右键菜单或者扩展的设置页里可以配置。

长截图对做网页设计、电商详情页的朋友来说是神器。 看到一个排版舒服的详情页，整页存下来，标注一下“竞品参考”，以后做同类页面时可以直接对照。

场景四：保存一个网页本身（书签式收集）

有些页面本身值得留存，但你不一定要把上面的图都扒下来。这时候可以把页面作为一个书签条目存进 Eagle。

这种方式存的是页面，可以配一张自定义缩略图。在 Eagle 里它以网页的形式呈现，点开是预览截图，点击可以跳回原网址。

这和“批量保存图片”的区别在哪？ 区别在于意图。批量保存是为了”我要用这些图“，存书签是为了“这个页面值得以后再看”。两者都是收集，但用途完全不同。

场景五：HD 高清下载

有些网站提供多个分辨率的图片版本，普通右键保存拿到的可能是压缩过的缩略图。扩展提供的 HD 下载能力会去找更高清的那个版本。

这个功能在收集参考图的时候价值一般，但收集“要用的素材”的时候价值很高。 比如你想把某张图拿去做印刷品或者大屏展示，压缩版根本没法用。

第三步：把右键菜单用成肌肉记忆

真正好用的收集，靠的不是功能多，而是动作固定。

我建议的流程是这样：

1. 每天开 Eagle，放到后台某个资源库，选中 99-待处理 文件夹。
2. 开始正常刷网页。
3. 看到有用的，右键 → Eagle。
4. 看到特别好的（要用的、以后一定会再找的），右键 → Eagle，然后再花五秒钟补一个标签或者改个名字。

关键在第 4 步的分层。 大部分素材只用第 3 步就够了——先进仓库，整理的事以后再说。但一小部分“我非常确定以后要用”的，值得当场多花五秒。

这个分层很重要。如果要求每张图都当场整理，你会在第三天放弃；如果全都不整理，你会在三个月后放弃。只给高价值的那 20% 做即时处理，是能坚持下来的关键。

一套可复制的右键菜单速查

在网页上右键，Eagle 提供的选项大致的分类是这样的。不同浏览器的显示位置、措辞可能略有不同，但逻辑是一致的：

这张表的用法是：第一次装机的时候，花十分钟把这五个位置都点一遍，把每个选项都试一次，包括故意存一张废图然后从垃圾桶里捞回来。第二次就不用找了。

关于“存进去的名字”

用扩展保存之后，素材的名字通常沿用网页上的文件名或者页面标题。

这几乎一定是乱码。 screenshot-2024.png、图片 (12).jpg、BEAUTY-8271-final-v2.png——这种名字三个月后你完全无法检索。

所以这里有个必须建立的配套习惯：存完之后，顺手改个能看懂的名字。

这里我要强调一下“顺手”的尺度。改名字的成本大概是三到五秒，而它的收益是永久的。假设你一年收集三千张图，每天改十个，十年后你会有三万张命名规范、随手可搜的素材。而不这么做的结果是三万张 IMG_2847——本质上等于三万张一次性的垃圾。

如果你觉得逐个改太累，那就在这里预告一下第五章的内容：AI Action 可以批量看图并自动命名。但即便有 AI，第一次建立这个习惯的时候，手动改几张会让你真正理解“为什么要改”。

和其他收集方式怎么配合

扩展不是万能的，它只管网页。所以一套完整的日常收集动作是这样的：

这张表的价值在于：它让你不会因为“这个来源怎么弄”而卡住。 新手最常见的失败模式不是不会用某个功能，而是卡在”这个东西不知道怎么存“，然后就放弃了。

常见坑

坑一：右键菜单里找不到 Eagle。 九成是权限没给全。打开扩展的详情页，确认网站访问权限是“所有网站”或至少包含你当前所在的域名，然后刷新页面。

坑二：点了没反应，或者存进去是空的。 基本都是 Eagle 桌面端没运行。扩展是个助手，主体还得是桌面应用在跑。

坑三：批量保存之后素材全挤在一个文件夹里，反而更难整理。 这是因为你在批量保存时没有指定落位。建议把默认保存位置设成“未分类”或者专门给灵感留的位置，等周末统一清理。

进阶：给扩展设置快捷键

右键菜单是通用操作，但如果你每天要存几十张，配置快捷键会明显提升手感。

在浏览器的扩展快捷键设置页面里（Chrome 在 chrome://extensions/shortcuts，Edge 类似），可以给扩展分配快捷键。常见需求是给“保存当前页面的图片”或者”截取选中区域“配一个顺手的组合键。

具体能配哪些动作，取决于扩展声明了哪些命令，不同版本可能不一样。

小结

浏览器扩展把收集的门槛从“打开软件、找到文件夹、拖进去”压缩到了”右键一下“。这个改变的意义不只是省了几秒钟，而是它让收集这件事变成了一件不需要动脑子的事。

而这恰恰是素材管理能不能长期运转的分水岭——所有失败的素材库，几乎都是因为收集环节太麻烦，让人懒得往里存。

下一节我们讲拖拽收集，以及 Eagle 特有的几个高级收集能力：HD 下载和右键另存。

整理人：WorkBuddy