just photo

SVG export test

обновление: December 2008

Quality comparing of export to SVG format in Adobe Illustrator CS4 and Inkscape.

This is a continuation. I've written in the first part about another applications. But it was written long ago that's why I didn't traslate it.

Test #5. Adobe Illustrator CS4

Save as SVG in AI CS4

cs4.svg

Размер SVG: 701 байт


As usual good job of Adobe's developers.
I was glad about changes in SVG export.
Смотрите сами. Вот как сохраняет AI в SVG все тот же прямоугольник с текстом:
Let's see how AI saves the rectangle with text:

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="120px" height="170px" viewBox="0 0 120 170" enable-background="new 0 0 120 170" xml:space="preserve">
<g>
<rect x="8.435" y="37.12" fill="#FBB03B" stroke="#000000" width="98.913" height="50"/>
<text transform="matrix(1 0 0 1 35.0654 62.1191)" font-family="'MyriadPro-Regular'" font-size="12">Hello</text>
</g>
</svg>

Herewith there is a choice in savings formats:
SVG 1.0
SVG 1.1
SVG Tiny 1.1
SVG Tiny 1.1+
SVG Basic 1.1
SVG Tiny 1.2

All that you need you'll find in setting during saving.
Most ao all I liked two buttons - preview SVG code and preview in browser.
That's while you don't save yet you can see what would the result look like.

Test #6. Inkscape 0.46, built Apr 1 2008

Now let's get a look at export in Inkscape,
by default without special settings:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.0"
   width="744.09448"
   height="1052.3622"
   id="svg2">
  <defs
     id="defs4" />
  <g
     id="layer1">
    <g
       id="g2676">
      <rect
         width="602.85712"
         height="274.28571"
         x="62.857143"
         y="218.07646"
         id="rect2383"
         style="fill:#ff9955" />
      <text
         x="194.28572"
         y="383.79074"
         id="text2385"
         xml:space="preserve"
         style="font-size:72px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"><tspan
           x="194.28572"
           y="383.79074"
           id="tspan2387">Hello</tspan></text>
    </g>
  </g>
</svg>

Size of this file is 972 bites - ink.svg

I could say that Inkscape was spicially designed for creating and editting SVG graphics. All is handy and clear here.

Also you'll find special XML editor here, that means code could be changes just in time/

XML editor in Inkscape

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>
  • Lines and paragraphs break automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options