Scalable Vector Graphics: a family of specifications of an XML-based file format for describing two-dimensional vector graphics, both static and dynamic (i.e. interactive or animated).

learn more… | top users | synonyms

16
votes
3answers
6k views

Should I Save Images Intended for the Web as PNG or SVG?

Possible Duplicate: What web graphics formats to use? When exporting out images intended for websites, should I save it as PNG (Transparent background) or a SVG? Why?
12
votes
3answers
6k views

How do I embed Google Web Fonts into an SVG?

I'm new to SVGs, and just made my first decent graphic in Illustrator. I've embedded it into a page with the GWF script for the Ubuntu font in the tag. As it turns out, the Ubuntu font displays ...
8
votes
5answers
1k views

Which software renders a planar projection of a 3D object as a vector graphic?

I would like to create two-dimensional projections of three-dimensional geometrical objects. The drawings should be in a vector format, SVG or PDF, which can be imported by Inkscape or Adobe ...
8
votes
2answers
1k views

When should I use SVG or SVGZ for my web graphics?

From my understanding, The SVGZ is a compressed file type of an SVG. I love using SVG images and have had a lot of experience with them. All of the times I used them I have never had a graphic that ...
8
votes
4answers
3k views

SVG for print graphics

How well has Scalable Vector Graphics worked for print? I need to programmatically generate graphics for inclusion in print documents. It seems there are only two serious contenders for a target file ...
8
votes
1answer
984 views

Is there anything that can read, import or convert CMYK SVG?

Short question: I have SVG files with CMYK colours, specified as according to the SVG specs. I want to get this into a design program - any design program - to finalise the design and prepare it to ...
8
votes
1answer
4k views

Tool to create animated SVGs?

Are there any graphical tools to create and edit animated SVG images? Inkscape is great, but it does everything except animation. I created an image in Inkscape, then manually edited the XML to add ...
7
votes
3answers
2k views

Is vectorizing an image copyright theft if the image is not CC/Public domain?

Is it okay to vectorize this image to make a poster out of it even though the image is not Creative Commons or anything like that? I'm not using any part of the image directly and only going to use it ...
7
votes
1answer
11k views

How can I edit an .SVG file?

Wikipedia has an extensive set of anatomy SVGs, but I can't highlight different organs or parts dynamically, because there are no source files with layers I can manipulate in Photoshop or GIMP. How ...
7
votes
1answer
4k views

Exporting an object as svg from inkscape

I know that Inkscape does not have the ability to export selected objects as svg, but is there a workaround that people have found that works?
6
votes
3answers
3k views

Photoshop vs. Illustrator for Icon Development

My client is requesting SVG files (saving as an SVG would require me to build the icon in Illustrator), but I have always designed icons in Photoshop (importing vector art from Illustrator, and ...
6
votes
3answers
937 views

How to keep only the visible parts of the every object/path of a SVG image? Like “flatten” all the SVG

I've an SVG image with many objects, ones over anothers. What I need is a final SVG, with the same visual result, but in a way that I could change the opacity of any object without revealing the ...
5
votes
6answers
1k views

How to create SVG for good typography on the web without buying Illustrator?

I have a web font which I would like to display using SVG instead of in HTML. The reason for this is that I want to display large typographically beautiful text, and I don't see any way of getting the ...
5
votes
2answers
904 views

Opening PDF in Illustrator breaks up text objects

I recently had to convert some PDF files to SVG, and did this by opening the PDF in Illustrator, and saving out to SVG. The issue was that when Illustrator opened the pdf, many (but not all) text ...
5
votes
2answers
110 views

Is it possible to convert PostScript to SVG? (Inkscape)

Is it possible to convert a PostScript file to SVG? Based on an answer in Tex.SE, I tried to use inkscape: inkscape test.ps --export-inkscape-svg=test.svg This indeed produced an SVG file, but ...
5
votes
3answers
3k views

Photoshop Layer -> SVG [duplicate]

I've got PSD file with vector logo (smart object). I need to save it as SVG for website use. I don't see such option directly in Photoshop though. Can anyone shed some light on the process? Is it ...
5
votes
1answer
304 views

Is there a way to view the metadata of SVG or EMF files using open source tools?

I have an image/chart that takes a long time to print - actually, a long time to create the post script file. Years ago I had a tool that allowed me to 'inspect/view' the chart and it visually showed ...
4
votes
5answers
377 views

What file type should I use for a logo when exporting from Adobe Illustrator?

I'm a fine artist, new to Adobe Illustrator. I'm in the process of designing a logo for a company using Illustrator. What type of file should I send them when all is completed, so they can use this ...
4
votes
2answers
534 views

Best way to save AI/SVG graphics for website purposes?

I'm using Adobe Ilustrator CS3. I have a bunch of small images (200x200 px) which I originally created as ".ai". I saved them as ".svg" using option Save for Web & Devices but to my surprise the ...
4
votes
3answers
4k views

Photoshop layers into SVG paths

I have a set of Photoshop files which consist of a base image with a series of layers with colored overlays. The overlays are labeled using the layer names. My task is to get these overlays as SVG ...
4
votes
2answers
291 views

Can I make each group in this SVG file its own SVG file?

I have a huge SVG file that I filled with all the characters for a font. There are a lottt of characters and it'd take forever to manually copy each of them into its own file. Each character has all ...
4
votes
0answers
241 views

How to fit svg drawings to their canvas on the command line?

Cropping .svg files on the command line is simple: $ inkscape --verb=FitCanvasToDrawing --verb=FileSave --verb=FileClose *.svg I need to do the opposite. I want to fit the drawing into a 64 x 64 ...
4
votes
0answers
467 views

Illustrator CS6 Data Variables XML Parser Error

So I have to generate flyers for 10 different laptops (and more in the future). I decided to set up variables. I've created an XML Map for MS-Excel which allows me to save the 'XML Data' type file. I ...
3
votes
3answers
489 views

TTF and other “modern” font systems, and font size differences

I have no formal (and precious little informal) graphic design training. Fairly famous Computer Science person Dr. Donald Knuth long ago developed a font description system called Metafont. In and of ...
3
votes
1answer
97 views

Why does Illustrator struggle editing SVGs?

I really enjoy editing vector graphics. Typically I use Inkscape for editing vectors because Illustrator seems to throw so many errors when reading the files. I understand that an SVG is basically ...
3
votes
1answer
1k views

how do I import a vector path from Inkscape into Gimp?

I'd like to take an SVG clipart, pull out particular paths from it, and bring them into Gimp and use them to create selections and/or to stroke. Nothing I've tried seems to work -- even though Gimp ...
3
votes
1answer
338 views

Using the shape of an object to cut the object beneath it in Inkscape

I'm editing an svg in Inkscape and I have an object on top of another object. I'd like to use the shape of the top object to cut the object beneath it. For those who are familiar with GIMP, I'm ...
3
votes
1answer
122 views

Quality of text in PDF and SVG

I'm converting pdf files to svg as it is easier to use svg files on webpages. I first thought the quality of svg must be similar to pdf, as they are both vector graphics. However, now I look a ...
3
votes
1answer
372 views

How to split an SVG file with dozens of g elements into dozens of SVG files?

I have an SVG file that has, say, 10 g elements that do not start at (0,0). For example: <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.1, SVG Export Plug-In . ...
3
votes
0answers
59 views

Why are some svg filters automatically converted to .png?

I was wondering why some of the SVG Filters found in Illustrator are automatically converted to .png when I export the entire file to .svg. I don't want any hidden .png files because of scalability. ...
3
votes
3answers
2k views

Export SVG function in Fireworks only creates outline

There's a pretty big problem I'm having with Aaron Bealle's Export to SVG script in Fireworks: So I have a path in Fireworks that I created from a marquee selection (which came from the magic wand, ...
2
votes
1answer
2k views

How to create a 3D effect in Inkscape as required by the Android Design Guidelines?

In the Iconography section if the Android Design Guide they describe the following style that should be used for Launcher Icons: Use a distinct silhouette. Three-dimensional, front view, ...
2
votes
1answer
126 views

Add a hyperlink within Illustrator

Is it possible to add a hyperlink to an object or a layer within Illustrator CS6 for a later SVG export? I know about the possibility to manually edit the exported file and wrap elements with an ...
2
votes
1answer
181 views

Can I globally change colors in an SVG using illustrator?

I have an SVG graphic in illustrator. I want to replace colors, everywhere in the illustration, with different ones. Could I operate the color swatch to make the change? I'm looking for a global ...
2
votes
1answer
2k views

How to create Android PNG Icons from an SVG using GIMP

I'm pretty much a graphics design noob, as you can tell by this very basic question. What I am trying to achieve is to create a set of Android icons from an SVG file that I have. In case you didn't ...
2
votes
1answer
202 views

Creating underlines in callygraphy style

I am not very familiar with graphic illustration. I want to create some underline samples like in this example, maybe a little more understated: I have no Photoshop and I can't find any good ...
2
votes
1answer
125 views

Copy, paste, move colored squares - but keep them aligned to the grid

I am developing a word game for iOS and would like to use an SVG file as the gaming board. The SVG file (author: Denelson83, Wikimedia Commons) is almost perfect for my game - except for displaced ...
2
votes
2answers
133 views

Happy birthday, Mac. How to achieve canvas logo animation like this one?

How was this animation created? Can someone give an example how to create animation like this one? Is it possible to achieve animation like this one using canvas and logo in .svg format? Is this ...
2
votes
1answer
61 views

Export a single object in Illustrator without the other objects to SVG code

So I am pretty much desperate by now. I am a web developer and -designer, but I don't use Illustrator. I just don't need it at all. The file that I got from the graphic designer contains two ...
2
votes
2answers
1k views

How do I use an SVG “icon font” within Illustrator?

Trello uses an icon font and I'd like to figure out how to bring in some of the glyphs into an Illustrator project. Admittedly, this is going a bit backwards (usually you want to import Illustrator ...
2
votes
1answer
539 views

Is there a way to preview SVG files in Adobe Bridge?

I am not able to preview SVG files in Adobe Bridge since CS2 version. Has Adobe removed this feature or am I missing something? I'm using both Windows and Mac, version CC and CS6.
2
votes
1answer
357 views

Why is my text messed up when converting a PDF to SVG?

I'm trying to convert a PDF to a vector image so that I can display it online. When I convert it to SVG, it doesn't convert the font glyphs correctly. When I convert to SWF, it is perfect, but I would ...
2
votes
1answer
132 views

Why do icons of the elementary icon theme have an “extra” path?

Lubuntu, a flavor of Ubuntu, ships with a few icon themes including elementary. Since many of the icons are .svg files, it's somewhat easy to make minor tweaks to suit one's visual preferences. While ...
2
votes
1answer
70 views

SVG coding envornment

I'm starting to learn SVG graphics coding, but I'm looking for something with a WYSIWYG kind of thing. Does such a thing exist? And what would you advise me to make the learning process faster?
2
votes
2answers
168 views

Add imperfections to vector graphics / drawings

I'm looking for creative ways to add imperfections or flaws to my vector graphics in order to make them appear more like hand drawn sketches. I'm working with Inkscape so tips that work here are very ...
2
votes
2answers
403 views

Convert Primitive to Path using SVG format in Illustrator

I've got a simple drawing in Illustrator consisting of multiple rectangles. I will need to handle that in code later one and saved the document as SVG. The rectangles come out as <rect /> nodes ...
2
votes
3answers
613 views

export multiple Inkscape SVG files to multiple PDF files

I have a number of svg files created in Inkscape. I would like to know if there is an utility where I can export all the svg files into multiple pdf/png files. I have around 150 such svg files. The ...
2
votes
1answer
101 views

Save a SVG of JUST what is showing

I have to admit that I'm a newbie to Illustrator. (Bezier curves I've never got!) I have a design that I'm preparing for laser cutting and it needs it in EPS/SVG. I see the Save as SVG option but its ...
2
votes
2answers
362 views

How can I outline (LaTeX) text in Inkscape?

This is a difficult question to google, as the term "outline" does not mean the same in Inkscape as it does in, e.g., Powerpoint. However, Powerpoint does not support Latex. How can I outline a ...
2
votes
1answer
697 views

How can I keep the font-width consistent in SVG across different operating systems and browsers?

I'm trying to add some text to a SVG file. The text is dynamic and shown over a rectangle which acts as background. Since the text is dynamic, the width of background rectangle also needs to be ...