|
相信许多站长都想要拥有自己的svg高清标志LOGO图，如青梧网的svg标志LOGO图：logo.svg，却不懂如何转换，青梧网经过实测，以下教大家如何自行转换。 现在搜索引擎可以搜索大把图片在线转svg，这些在线转换功能的优点在于操作简单，只需要上传图片即可一键转换，缺点在于转换后的svg图片会有毛刺及部分失真，越小的图片转换后失真越严重，那么如何解决这个问题呢？下面就和青梧网站长一起来学习吧！ 首先需要下载phottshop作图软件，简称PS软件，先设计好自己的LOGO标志，当然是越大越好。 本站phottshop作图软件下载地址：https://shiqingwu.com/article/16.html 设计好自己的LOGO标志后，下面就需要使用到一款专业的软件，那就是inkscape，至于inkscape软件的用途是什么，各位就请自行百度查看，这里青梧网就不再复述。 本站inkscape作图软件下载地址：https://shiqingwu.com/article/5.html 下载好inkscape后直接安装，安装完成后在桌面找到inkscape。 1、在电脑桌面找到并点击安装好的inkscape软件，打开该软件会有浮窗选择，请自行勾选不再提示等选项，否则每次打开都将会有浮窗提示。
2、点击 文件——打开——找到你前面使用phottshop作图软件设计好的LOGO标志。
3、图片打开后直接点击 文件——另存为
4、保存类型选择 Inkscape SVG (*.svg）即可
图片转换成功后，你只需将转为svg格式的LOGO标志调用到您网站指定的位置显示即可，调用方式如下： 前端代码调用方式：<img src="logo.svg" alt="青梧博客LOGO" border="0"> //请自行使用css方式控制图片显示的大小 CSS样式调用方式：.logo { background: url(logo.svg)no-repeat;background-size:15px; } //background-size:15px;为控制图像大小，必须跟随在background: url(logo.svg)no-repeat;之后的位置 |
注册
站长笔记
2023-6-28 10:46
756浏览
皖ICP备2021010202号
赣公网安备36112102000145号