Giter Club home page Giter Club logo

free_logo's Introduction

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. 支持判断当前页面是否符合导出要求

free_logo's People

Contributors

quarkape avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.