SVG——新一代Web设计及互动媒体的革新
首页 SVG入门 SVG介绍 SVG常见问题问答 - 怎样把用ILLUSTRATOR做的SVG图片文件变小?

SVG常见问题问答 - 怎样把用ILLUSTRATOR做的SVG图片文件变小?

文章首页
SVG常见问题问答
怎样才能将JPG转换为SVG?
SVG Mobile Profiles 是什么
Adobe SVG viewer是什么?
SVG中Object背景为什么无法透明?
如何调出inkscape的中文界面?
如何用Adobe Illustrator CS3使JPG,PNG等格式的图片做成SVG格式?
怎样把用ILLUSTRATOR做的SVG图片文件变小?
怎样修改svg格式里面的文字?
为什么我做的svg文件在IE里能打开,但在opera打不开?
为什么svg文件在电脑里能打开,但在手机上却打不开?
我想把别网站上的svg图放到自己的网站,怎么办?
什么是SVGZ?与SVG有什么区别?怎样解压缩SVGZ?
什么是GIS?
我是平面设计师,不懂编程,我应该怎样去学习SVG?
SVG提供了哪些GIF 和JPEG所不能提供的?
什么是SVG?基于XML有何优势?什么是开放标准,为什么开放很重要?
谁是W3C SVG工作组的成员?SVG和其它W3C创始的关系?
SVG和VML及PGML关系是怎样的?
怎样为制作的SVG增加鼠标右键控制功能?
FLEX可以嵌入SVG吗
SVG的小常识问与答
什么是SVG文件
BATIK SVG矢量图形栅格化的原理是什么
Adobe收购Flash后SVG有前途吗

提问(CH_47)

  我用ILLUSTRATOR做的SVG手机图标总是在8K以上,图片也是100K以上

回答(Vicos)

  你提到了两个问题:
  1.图片文件的大小
  2.svg文件的大小

  一、首先说图片文件的大小问题。
  影响图片的大小主要有四个方面:一、图片的尺寸;二、图片复杂程度;三、图片的分辨率;四、图片保存的格式。
  如果是图标你可以将尺寸设置成 35x35像素,分辨率72,保存成jpg(压缩等级设置8或9)都可以,这种设置对图片细节影响很少,文件也缩小了很多。这个设置的图标就像我们电脑桌面上的图标大小差不多,放到手机上应该能满足要求了。
  这种设置的图片文件大小应该是2~4kb,即使你将尺寸放大10倍也才20~40kb。

  二、svg文件大小的问题
  svg文件大小完全受你内容复杂程度而定,你想让文件变小。有以下方法:

  1. 在Illustrator中将那些不会影响内容的路径节点尽量减少;
  2. 如果涉及到文字,请不要将文字转成曲线;
  3. 不要对文字设置字体,默认就是宋体。
  4. 将文件保存成.svgz svgz是压缩格式,如果手机支持svg的话一般也支持svgz的。

  基本解决办法就是上面的了。

  另外这篇文章或许对你有帮助:
  怎样对Illustrator制作的SVG进行优化