/free_logo

【一个】插件帮你快速、免费下载【两个】网站的无水印、高清LOGO！

Primary LanguageJavaScriptMIT LicenseMIT

Free Logo V3.0.0

image

【一个】插件帮你快速、免费下载【两个】网站的无水印、高清LOGO！

【建议star或者fork，便于日后获取更新~】

【你的star和fork是我坚持的动力！！GitHub主页还有很多其他有趣的项目，欢迎关注~~】

【如果遇到问题或bug，请提issue~】

🎲 V3.0.0已上线！部分功能还是开发中......

  • 已完成：
    1. 支持标智客登陆后编辑的LOGO的导出。登陆后，LOGO编辑页面是高级版的编辑页面，相比不登陆情况下具有以下特点：1）可以自由拖动元素；2）可以增加新元素；3）可以增加付费背景。
    2. 优化“去除登录框“按钮的显示。只有在需要去除登录框的页面才会显示该按钮。
    3. 插件会显示当前所在的LOGO编辑页面的类型。比如是标小智还是标智客，标智客是登录状态还是未登录状态。
    4. 优化代码
  • 预计新增功能：
    1. 支持裁剪，去除无用白边，只保留LOGO部分！
    2. 根据LOGO实际大小，导出正方形LOGO！

📦 获取方式

  • 直接下载：点击上方“Code”按钮，选择最后一项“Download ZIP”即可下载插件~
  • 项目克隆

☀️ 目标网站

🍃 国内镜像

⛵ 兼容性

  • 经过测试，谷歌浏览器与Edge浏览器可以正常使用

🎧 演示视频

🎃 Google Chrome安装方法（Edge差不多）

  1. 将完整的项目下载下来
  2. 在地址栏输入chrome://extensions/（Edge浏览器是edge://extensions/）回车，进入扩展程序管理页面
  3. 打开开发者模式
  4. 页面找到加载已解压的扩展程序并点击，选择从本项目即可
  5. 加载完成后，在浏览器右上角会出现一个拼图的图标，单击该图标，找到本插件free_logo，点击后面的图钉/眼睛图标可以将该插件固定，使用更便捷。

🏸 使用方法

  1. 进入目标网站
  2. 输入合适的信息，选择合适的LOGO并进入编辑页面
  3. （仅标智客会出现）编辑页面会弹出登录框，除非登录，否则无法进入LOGO编辑页面
  4. （仅标智客需要用到）打开插件，点击“去除登录框”，会提示去除成功
  5. 在编辑页面编辑LOGO直到满意为止
  6. 点击插件，在弹出的窗口中输入想要的LOGO的宽度，不输入时取默认值
  7. 继续选择是否要保留LOGO背景（默认不保留，即背景为透明，便于转换成.png格式的文件）
  8. 配置好后，点击开始处理按钮，即可开始下载svg文件

tips：

  1. 如果点击开始处理报错“undefined”，刷新网页，再使用插件即可
  2. 编辑LOGO的时候，请不要超出给出框，否则导出的LOGO可能不完整

🛠️ 后续步骤

  • 下载下来的free_logo.svg文件可以用PPT直接打开，也能直接用于web中。
  • 如果你需要转换成.png格式，可以尝试以下步骤：
    1. 如果你的电脑上还有Internet Explorer，即IE浏览器的话，可以直接将free_logo.svg文件用IE浏览器打开，然后在LOGO上面鼠标右键，另存为，选择格式为.png，选择想要保存的位置（一般是桌面）即可完成。
    2. 如果你电脑上已经没有IE，可以使用Edge的IE模式重新加载页面。首先在Edge中打开free_logo.svg文件，然后点击浏览器右上角用户头像左边的按钮，稍等片刻，Edge浏览器会在IE模式下重新加载页面。加载完成后浏览器工具栏会弹出提醒，此时按照第一步右键另存为.png格式的图片就可以了。
    3. 如果第2步找不到IE模式，请点击右上角三点——设置——默认浏览器，将“允许在 Internet Explorer 模式下重新加载网站”切换为允许，重启浏览器生效，再打开free_logo.svg文件即可。
    4. 如果上述两种方案都无法解决，你可以使用在线的svg转png的方式。不过亲测在线的转换效果比较差。

🌴 配置说明

  • LOGO的大小没必要越大越好，个人认为：

    1. 如果用作网页favicon图标，用68/62就够了
    2. 如果用作一般的网页或者作品的LOGO，用680/620就行了
    3. 如果要用作打印，A4纸大小，小于4000就行了
    4. 如果要打印大的海报，且LOGO占很大面积，可以试试最大6800/6200

  • 经过测试，更大的宽度，比如68000/62000，在用IE转换为.png格式的时候会报错“意外的调用了属性或方法”，因此将最大宽度限定于6800/6200。不过应该也够用了。如果有特殊需求的，例如只需要svg文件并且希望更大宽度的，可以单独提issue。当然你也可以自行修改最大宽度，只需要：

    1. 找到js/content.js文件并打开
    2. 对于标小智，21行的6800是最大值，修改为你想要的值即可
    3. 对于标智客，28行的6200是最大值，修改为你想要的值即可
    4. 注意修改之后需要在扩展程序管理页面刷新这个插件；或者把这个插件移除了，再重新添加进来。同时记得刷新网页。

  • 编辑好的logo一般会居于整个图片中间，可以自行使用PS等工具裁剪。

💅 更新历史

  • v3.0.0
    1. 支持标智客登陆后编辑的LOGO的导出。登陆后，LOGO编辑页面是高级版的编辑页面，相比不登陆情况下具有以下特点：1）可以自由拖动元素；2）可以增加新元素；3）可以增加付费背景。
    2. 优化“去除登录框“按钮的显示。只有在需要去除登录框的页面才会显示该按钮。
    3. 插件会显示当前所在的LOGO编辑页面的类型。比如是标小智还是标智客，标智客是登录状态还是未登录状态。
  • v2.0.0
    1. 支持对标智客的LOGO导出（未登录状态下）。
    2. 只需要一个插件就能导出两个LOGO设计网站的LOGO。
  • v1.0.0
    1. 支持导出标小智的LOGO
    2. 支持判断当前页面是否符合导出要求