⚜️Logo 在线制作 - 徽章、弧形文字、图标与字母组合,导出 SVG/PNG
不会用设计软件也能做一个像样的 Logo。输入品牌名和标语,选一种版式:圆形徽章(名称沿上弧排列、标语沿下弧排列,可加“EST. 2024”之类的附加文字和横穿的飘带)、图标在上、图标在左的横版、只有字母组合的方形标志,或者纯文字 Logo。弧形文字是逐字排版的:先用浏览器测出每个字的实际宽度,再把每个字的中心放在圆弧上并沿切线旋转,上弧顺时针、下弧从左到右阅读,字间距可调,文字太长会自动缩小字号以免绕满一圈。外形有圆形、双圈、圆角方、盾牌、六边形,可配 68 个手绘的线条图标(咖啡、树叶、火箭、相机、代码等,线宽可调)、任意 emoji 或品牌首字母。字体从系统自带的无衬线、几何、衬线、Didot、铜版体、圆体、楷体等里挑选,可设粗体、全大写。内置 12 套配色,也可以分别改外形、图标、文字、飘带和背景的颜色,或者用透明背景。导出 SVG(文字保留为可编辑的 text,徽章弧形文字可选 textPath 方便在 Illustrator/Inkscape 里继续改)和 256–4096 像素的 PNG,另外可以只导出正方形的标志图形作为网站图标,页面上会实时显示 16、32、48、64 像素的 favicon 效果和浏览器标签页样式。全部在本地生成,不上传任何内容。
免费 · 无需注册 · 浏览器本地处理最后更新:
正在加载工具...
如何使用Logo 在线制作
- 1填写品牌名、标语(徽章版式可加附加文字)
- 2选择版式、外形和图标(线条图标、emoji 或首字母),需要时勾选飘带
- 3挑一套配色或单独改颜色,调整字体、粗细、大小写和字间距
- 4看看小尺寸 favicon 预览,下载 SVG、PNG 或正方形图标 PNG
常见问题
- 导出的 SVG 在别的电脑上字体变了,怎么办?
- SVG 里的文字保留为可编辑的 <text>,显示时依赖打开它的电脑上装的字体;没有这款字体就会换成同类字体。浏览器里没有字体文件,无法把文字转换成路径。如果需要在任何地方都完全一致,请使用 PNG,或者用 Illustrator、Inkscape 打开 SVG 后执行“文字转轮廓/对象转路径”。
- 弧形文字是怎么排的?为什么下弧的字不是倒着的?
- 工具先用 canvas 测量每个字的宽度,按“半个字宽 + 字间距 + 下一个半字宽”计算相邻字在圆弧上的弧长,再把每个字的中心放到圆上并按切线方向旋转。上弧以正上方为中点顺时针排列,字头朝外;下弧以正下方为中点从左到右排列,字头朝圆心,所以两段文字都是正着读的。文字太长时会缩小字号,最多占上弧约 150°。
- 做出来的 Logo 可以商用吗?
- 可以。图标是本工具自己绘制的简单几何线条,配色和版式都是通用设计元素,生成的文件归你使用。不过要注意:品牌名本身是否可以注册商标、是否与他人的商标近似,需要你自己查询;emoji 的外观来自操作系统,如果要正式商用,建议改用线条图标或首字母。
- 怎么得到网站的 favicon?
- 页面右侧会显示只包含标志图形(外形 + 图标或首字母,不含文字)的 16、32、48、64 像素预览和浏览器标签页效果。点击“下载图标 PNG”可导出 32×32、180×180(Apple Touch Icon)或 512×512 的正方形 PNG;需要 .ico 或全套尺寸,可以把 512 版本交给本站的 Favicon 生成工具。