推荐一款谷歌书签管理插件及如何制作插件icon和缩略图

avatar
前端开发 @天鹅到家

如题,作为浏览器插件开发者,如果我们不懂设计,该如何去制作生成Chrome浏览器插件所需要的icon呢?

Chrome浏览器书签管理插件(Bookmarks Manager)介绍

由于本人使用的是Chrome浏览器,收录了200多条书签,每次想要查找某个书签的时候,不是点击工具栏的书签,肉眼去搜索查找,就是打开书签页,去搜索查找,感觉使用上效率不高。

秉承着学习Chrome浏览器插件开发的流程和知识,就着手开发了一个Chrome浏览插件 Bookmarks Manager

image.png

  1. 支持模糊查询进行搜索
  2. 支持显示点击率最高的5个
  3. 支持设置常用书签
  4. 根据浏览器语言自动设置多语言
  5. 支持暗黑风格

安装插件之后,浏览器输入chrome://extensions/shortcuts,给插件设置快捷键,一键唤起,轻松快捷!!!

我们知道在开发模式下,可以手动导入资源包使用,但是如果想要发布到Chrome商店,如下图所示,在发布提交审核的时候,需要完善图片资源信息,用于插件icon的展示,以及Chrome商店里的信息展示。(如果无法从Chrome应用商店下载,可以提供源码包进行安装

image.png image.png

如何制作符合Chrome浏览器插件要求的icon和缩略图?

该插件的图标我是使用在线设计平台自己画的。不过在上传商店图标的时候,尺寸一直不符合规定。

如果我们不知道如何使用设计软件的时候,如何能够快速的生成符合Chrome要求的图片资源呢?推荐以下两个链接:

使用很简单,只需要上传设计好的icon图标,就能够帮你生成符合各种尺寸的icon。favicon生成也一样,把插件UI进行截图之后,上传到favicon.io进行生成并下载即可。

image.png