网站Logo提取器 Chrome 插件

插件介绍

“网站Logo提取器”是一款专为Chrome浏览器设计的扩展程序,旨在帮助用户快速、智能地从当前访问的网页中提取高质量的Logo图片。它以悬浮面板的形式显示在浏览器窗口的右下角,提供直观的“提取”和“保存”功能,并能智能筛选和呈现多达三张最可能符合您要求的Logo图片。

主要功能

  • 智能Logo提取: 插件采用多重优先级逻辑,首先查找 favicon.svg。其次,它会识别所有 rel="icon"rel="shortcut icon" 或 rel="apple-touch-icon" 类型的 link 标签图片(这是网站Favicon和应用程序图标的常见形式),只要这些图片是 .png.svg.jpg.jpeg 格式就会被提取。最后,它会查找图片URL(src 属性)中包含“logo”关键词的 meta 标签或 img 标签图片,并优先选择那些同时包含网站品牌名的图片。
  • 多图选择: 一次提取操作可能会找到多张符合条件的Logo图片(最多三张)。插件会在悬浮面板中显示这些图片,并提供“上一张”和“下一张”按钮,让您可以方便地切换查看并选择最满意的图片。
  • 实时预览: 提取到的Logo图片会立即显示在插件面板中,尺寸自适应,方便您预览效果。
  • 一键保存: 当您选中满意的Logo图片后,点击“保存Logo”按钮即可将其下载到本地。
  • 简洁UI: 插件操作面板以固定在浏览器右下角的悬浮窗形式呈现,不干扰网页内容,界面简洁直观。
  • 格式支持: 专注于提取常见的Logo图片格式,包括 PNG, SVG, JPG (JPEG)

使用示例

这是以百度搜索页面作为示例


点击插件按钮,找到该插件


点击提取logo,即可实现预览,点击保存可以直接下载

安装方法

  • 创建插件文件夹: 在您的电脑上创建一个新的文件夹,例如命名为 Website Logo Extractor
  • 放置文件: 将我们之前创建的所有文件(manifest.jsonpopup.htmlcontent.js)放入这个新创建的文件夹中。
  • 打开Chrome扩展程序页面: 在Chrome浏览器中输入 chrome://extensions/ 并回车,或者点击浏览器右上角的三个点菜单 -> “更多工具” -> “扩展程序”。
  • 开启开发者模式: 在扩展程序页面的右上角,找到并打开“开发者模式”开关。
  • 加载已解压的扩展程序: 点击页面左上角的“加载已解压的扩展程序”按钮。
  • 选择插件文件夹: 在弹出的文件选择窗口中,选择您在第一步创建的 Website Logo Extractor 文件夹,然后点击“选择文件夹”。

安装成功后,您应该能在扩展程序列表中看到“Website Logo Extractor”插件。

使用方法

  • 访问目标网站: 在Chrome浏览器中打开您想要提取Logo的网站。
  • 点击提取按钮: 网页右下角会出现一个悬浮的插件面板。点击面板上的“提取Logo”按钮。
  • 预览和切换Logo
  • 插件会尝试识别并显示最合适的Logo图片。
  • 如果找到多张图片,面板中会出现“上一张”和“下一张”按钮,以及图片计数(例如“1/3”)。您可以通过这两个按钮来切换查看不同的Logo图片。
  • 保存Logo: 当您看到满意的Logo图片时,点击面板上的“保存Logo”按钮,该图片就会被下载到您的电脑。
  • (可选)隐藏面板: 暂时没有隐藏面板的功能,您可以通过关闭扩展程序来隐藏它。

希望这款插件能帮助您更便捷地获取网站Logo!

下载地址

评论 (0)

发表评论