如何将AI做好的SVG图标转换成Web可用的+CSS

如题所述

举报该问题

推荐答案 2018-08-04

你好，AI是指Adobe Illustrator，是一款图形处理软件，您说的如何将AI做好的SVG图标转成web可用的，SVG 指可伸缩矢量图形，做成CSS，这个需要用HTML,CSS结合着去做的，代码实现。

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/UUxi9vvDnsUpxpD22vv.html

第1个回答 2016-07-17

这个我记得是有个网站专门干这事的，就是相当于一个矢量图标然后你把文件提交过去之后，他就给你转化成一个字体文件，然后用CSS把字体文件引用进去，就可以到处去调用了。
看看这个：http://www.zhihu.com/question/29054543本回答被提问者采纳

相似回答

如何将AI做好的SVG图标转换成Web可用的+CSS答：你直接另存为svg就可以，会生成一个xml文档，用编辑器打开，举例一下效果在css中可设置一些效果和动画 <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN""http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="100%" height=...

svg在线制作-如何在网页中制作响应式的SVG图像答：生成SVG图标只需要将文件保存为.SVG的格式,然后进入到icomoon在线字体图标生成,点击网站左上角的“importicon”选择SVG文件开始上传。在我的收藏夹里还有其他字体图标在线生成工具网站资源合集,大家可以点击进入去看看。上传成功后,选择右下角的“generatefont”,进入到编辑页面,这里可以修改文件名等方式进行编辑。在图标...

ai导出svg设置选什么答：设置方法如下：1、根据查询我爱学习网得知，Styling，选择使用SVG自带的方法。2、Font，选择将文本直接导出为文本，或选择将文字转换为矢量图形（ConverttoOutlines）。3、Images，选择使用链接（Link）方式导入位图，而不是使用嵌入（Embed）方法处理位图。4、ObjectID's，选择导出的每个ID是否是唯一的，这...

ai中svg压缩什么意思aisvg格式答：使用缩写属性：将属性值中重复的部分替换为缩写形式，减少属性值的字符数量。压缩颜色值：将颜色值从RGB格式转换为较短的十六进制或缩写形式。使用CSS样式表：将重复的样式属性提取到CSS样式表中，并在SVG文件中引用。通过这些压缩技术，可以有效地减小SVG文件的大小，提高网页加载速度，并节省带宽和存储空间...

svg是什么?答：SVG格式优势1、色彩丰富，可编辑性强。2、文件小而轻，并且图像质量好。4、易于传输和共享。8、能够提供多种显示模式，有广泛的应用领域。SVG在线转换svg格式是一种图形文件,需要借助一些软件才能将svg转换成其他格式，阿强在这里推荐一款转换功能强大并且免费的在线转换器——AI改图神器的在线SVG格式转换...

请问有哪些方式可以编辑svg格式的图片,或者将svg图片转换成tiff...答：首先，让我们来看看两款实用的工具，它们将帮助你轻松处理SVG图像。Adobe Illustrator，专业级的选择Adobe Illustrator，业界熟知的图形设计大拿，以其强大的矢量编辑功能闻名。作为专业的矢量图形编辑软件，它提供了丰富的工具和选项，让你在编辑SVG时得心应手。无论是修改路径、添加特效，还是调整颜色，AI都...

大家正在搜

怎么用ai做图标用AI绘制图标 ai图标变成白的啦 AI如何转曲 AI图标显示不出来怎么办 AI图标是哪张 AI图标显示破坏怎么办 ai做图标教程 AI wifi图标

如何将AI做好的SVG图标转换成Web可用的+CSS

怎样把用ILLUSTRATOR做的SVG图片文件变小，具体方...

为何用AI将PNG图片转化为SVG在手机上显示空白

用AI怎么做个svg图形

如何将多个svg格式的矢量文件，合并到一个ai中去

如何将AI做好的SVG图标转换成Web可用的+CSS

如何用AI将svg图片转换为背景透明的png图片

ai做svg图片怎样字节变小