Question about 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). Ask anything related to designing graphics for the SVG format.

learn more… | top users | synonyms

17
votes
3answers
8k 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?
14
votes
3answers
7k 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 ...
9
votes
2answers
3k 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 ...
9
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
14k 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 ...
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
6k 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?
8
votes
1answer
1k 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
5k 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
5answers
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
2answers
575 views

how to rasterize an SVG without anti-aliasing

I've made a map in inkscape and now need to change it to a bitmap or .png. The map will be interpreted by a computer program which will look for exact colors so the edges need to be crisp. when I ...
6
votes
3answers
1k 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 ...
6
votes
0answers
566 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 ...
5
votes
7answers
2k 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
2k 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
411 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
5k 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
423 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
3k 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
3answers
565 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 ...
4
votes
1answer
633 views

How can I create a tiling hexagon tesselation (for SVG/Web)?

I'm looking to create an SVG background image for a webpage using regular hexagons in a tessellation pattern similar to the image below. However, I need the hexagons to interconnect so I can use the: ...
4
votes
3answers
204 views

Import vector data into illustrator

I have a program that generates thousands of vector points (just coordinates), the format is not fixed, but it could be something like this: (2.4785|77.01) (78.8|9.88) (45.33|0.2) I am able to ...
4
votes
2answers
760 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
4answers
5k 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
377 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
1answer
187 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. ...
4
votes
1answer
163 views

How can I reduce the aliasing that occurs around my custom icon web font when it is scaled?

I am trying to make my own icons and embed them in a custom Web font. For that, I'm using Illustrator & Icomoon. I design the icons in a 14x14px square, then I create my Web font using Icomoon ...
4
votes
1answer
506 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 ...
3
votes
1answer
187 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
3answers
137 views

Quality Loss When Scaling down SVG's

I'm having a hard time trying to find the best way to produce an SVG that maintains it's quality through scaling. The actual size of the image is the medium one which is pixel-perfect in Illustrator. ...
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
49 views

Is there any way to set fallback font-families in Illustrator SVG?

I'm trying to set up an action that creates versatile text-containing SVG files which can be used in various places including Wikimedia Commons. The only problem is, Wikimedia Commons only supports a ...
3
votes
1answer
67 views

How can I create paths with accurate border-radii

So I'm getting a little confused with radii in Inkscape. For quite a while I thought that this: was the same as this: ... But it turns out that overlaying them on top of one another reveals that ...
3
votes
3answers
42 views

How to exclude hidden shapes when saving to SVG

Im trying to save icons out to SVG format, one at a time, but from one document. what i mean is, i have all my icons laid out in one document, and once i am ready to save them, i will move the icon i ...
3
votes
1answer
1k 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
755 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.
3
votes
1answer
131 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
482 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
1answer
315 views

Importing SVG into Illustrator with proper viewBox size

When I try to open an svg file with Illustrator, Illustrator defaults to whatever artboard size was last used when a file was open. As such, the svg, if not the same size as the previous artboard, is ...
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
3answers
107 views

License that allows me completely free commercial usage of images

PROBLEM: I need free images for my application. They are intended for controls ( main window / buttons / treeview icons ... ). MY EFFORTS TO SOLVE THE PROBLEM: Searching through Internet, I was ...
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
983 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
407 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
2answers
2k views

Change viewbox attribute in svg exported by illustrator

I have a SVG file with viewBox="-155.7 -99 510 510". I believe this offset the paths in Mac OS X preview by -155.7 -99. when I open the SVG in Illustrator, the paths are not offset at all. how do I ...
2
votes
2answers
117 views

How does pixel hinting work?

In this question, a user asks how he can create a vector image that scales down smoothly. Pixel hinting is the solution: Anti aliasing treats every edge like a nail, smashing and smoothing ...
2
votes
1answer
71 views

Can I get Illustrator to save an SVG and retain a transparent stroke?

Below is an icon comprised of two images. The top image has a 1px transparent stroke "knocking out" the layer below. This is fine as an .ai file. However when I save as .svg the stroke has ...
2
votes
3answers
2k views

“Select by color” and “draw path from selection” in Inkscape?

I imported an image to Inkscape. Now I'd like to select all those regions that have the same (or to a certain degree similar) color. From this selection I'd like to draw a path (to which I can add a ...