【一个】插件帮你快速、免费下载【两个】网站的无水印、高清LOGO！
- 建议star或者fork，日后有时间会更新。如果遇到问题或者bug，请提issue
- 感谢B友@拾光探长在版本更新后的测试:handshake: ~
| 去背景 | 保留背景 | 智能裁剪 | 去登录框 | 正方形裁剪 | 自定义边宽 | |
|---|---|---|---|---|---|---|
| 标小智 | 支持:100: | 支持:100: | 进行中:clock1: | - | 进行中:clock1: | 进行中:clock1: |
| 标智客（未登录） | 支持:100: | 支持:100: | 进行中:clock1: | 支持:100: | 进行中:clock1: | 进行中:clock1: |
| 标智客（登录） | 支持:100: | 支持:100: | 支持:100: | - | 进行中:clock1: | 进行中:clock1: |
- 裁剪功能是根据网站的代码结构，通过一定的方法实现的，不能完全保证，不过目前经过测试基本上没有问题~
- 如果点击立即处理后提示
undefined，刷新LOGO编辑页面即可~ - 部分伙伴下载插件压缩包后
windows defender会提示风险，解压后一般都不会再提示了，不放心的小伙伴可以用相关软件检查一下~ - 有的LOGO不勾选保留背景但是导出之后还是有背景色，大概率是LOGO本身的原因~
- 智能裁剪得到的logo可能周边有些细微的空边，这常见于添加了文字素材的logo并且文字素材在logo的边界，这是组件设计时的问题，是正常的现象，如果介意，请再手动裁剪一次~
- 智能裁剪功能需要确保logo中没有处于编组的素材以及页面右下角的编辑比例必须是100%。
- 已知会有编组状态的素材是：字体——书法字、标题、列表内容等（通过“添加文字”按钮添加的文字没有编组状态）。当添加了这些编组状态的素材时，你需要单击这些素材，然后点击左上角出现的取消编组按钮（重复此过程直到所有素材的编组都取消了）。
- 插件安装完成后，请刷新LOGO编辑页面
- 使用“智能裁剪LOGO”功能的时候，页面右小角的比例必须是100%
- 编辑LOGO的时候，不要超过给定的框
| 普通页面 | 标小智 | 标智客（未登录） | 标智客（已登录） |
|---|---|---|---|
 |
 |
 |
 |
- 直接下载：点击上方“Code”按钮，选择最后一项“Download ZIP”即可下载插件~
- 项目克隆
- 将完整的项目下载下来
- 在地址栏输入
chrome://extensions/（Edge浏览器是edge://extensions/）回车，进入扩展程序管理页面 - 打开开发者模式
- 页面找到加载已解压的扩展程序并点击，选择从本项目即可
- 加载完成后，在浏览器右上角会出现一个拼图的图标，单击该图标，找到本插件free_logo，点击后面的图钉/眼睛图标可以将该插件固定，使用更便捷。
- 进入目标网站
- 输入合适的信息，选择合适的LOGO并进入编辑页面
- （仅标智客未登录状态下会出现）编辑页面会弹出登录框，除非登录，否则无法进入LOGO编辑页面
- （仅标智客未登录状态下需要用到）打开插件，点击“去除登录框”，会提示去除成功
- 在编辑页面编辑LOGO直到满意为止
- 点击插件，在弹出的窗口中输入想要的LOGO的宽度，不输入时取默认值
- 继续选择是否要保留LOGO背景（默认不保留，即背景为透明，便于转换成.png格式的文件）
- 配置好后，点击开始处理按钮，即可开始下载svg文件
- 下载下来的free_logo.svg文件可以用PPT直接打开，也能直接用于web中。
- 如果你需要转换成.png格式，可以尝试以下步骤：
- 如果你的电脑上还有Internet Explorer，即IE浏览器的话，可以直接将free_logo.svg文件用IE浏览器打开，然后在LOGO上面鼠标右键，另存为，选择格式为.png，选择想要保存的位置（一般是桌面）即可完成。
- 如果你电脑上已经没有IE，可以使用Edge的IE模式重新加载页面。首先在Edge中打开free_logo.svg文件，然后点击浏览器右上角用户头像左边的按钮，稍等片刻，Edge浏览器会在IE模式下重新加载页面。加载完成后浏览器工具栏会弹出提醒，此时按照第一步右键另存为.png格式的图片就可以了。
- 如果第2步找不到IE模式，请点击右上角三点——设置——默认浏览器，将“允许在 Internet Explorer 模式下重新加载网站”切换为允许，重启浏览器生效，再打开free_logo.svg文件即可。
- 如果上述两种方案都无法解决，你可以使用在线的svg转png的方式。不过亲测在线的转换效果比较差。
-
LOGO的大小没必要越大越好，个人认为：
- 如果用作网页favicon图标，用68/62就够了
- 如果用作一般的网页或者作品的LOGO，用680/620就行了
- 如果要用作打印，A4纸大小，小于4000就行了
- 如果要打印大的海报，且LOGO占很大面积，可以试试最大6800/6200
-
经过测试，更大的宽度，比如68000/62000，在用IE转换为.png格式的时候会报错“意外的调用了属性或方法”，因此将最大宽度限定于6800/6200。不过应该也够用了。如果有特殊需求的，例如只需要svg文件并且希望更大宽度的，可以单独提issue。当然你也可以自行修改最大宽度，只需要：
- 找到
js/content.js文件并打开 - 找到
conf_list数组，将里面元素的max和min调整为自己想要的值即可。第一个元素是标小智，第二个和第三个分别是未登录和登录状态下的标智客的。 - 注意修改之后需要在扩展程序管理页面刷新这个插件；或者把这个插件移除了，再重新添加进来。同时记得刷新网页。
- 找到
-
登陆后的标智客支持智能裁剪，其他情况下编辑好的logo一般会居于整个图片中间，可以自行使用windows自带工具或者PS等工具裁剪。
- v3.2.1 | 🕙 2022/12/1
- 修复标智客登录状态下，logo中没有任何分组，但是同时勾选保留背景和智能裁剪时，会提示有分组的问题
- 修复了标小智无论是否勾选保留背景都会保留背景的问题
- v3.2.0 | 🕐 2022/11/30
- 增强了智能裁剪功能的健硕性
- 优化了代码逻辑
- v3.1.0 | 🕙 2022/11/29
- 支持登陆后的标智客的LOGO的智能裁剪，省去了后续自行裁剪的过程
- v3.0.0 | 🕦 2022/11/28
- 支持标智客登陆后编辑的LOGO的导出。登陆后，LOGO编辑页面是高级版的编辑页面，相比不登陆情况下具有以下特点：1）可以自由拖动元素；2）可以增加新元素；3）可以增加付费背景。
- 优化“去除登录框“按钮的显示。只有在需要去除登录框的页面才会显示该按钮。
- 插件会显示当前所在的LOGO编辑页面的类型。比如是标小智还是标智客，标智客是登录状态还是未登录状态。
- v2.0.0 | 🕒 2022/11/27
- 支持对标智客的LOGO导出（未登录状态下）。
- 只需要一个插件就能导出两个LOGO设计网站的LOGO。
- v1.0.0 | 🕘 2022/11/26
- 支持导出标小智的LOGO
- 支持判断当前页面是否符合导出要求