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

26
votes
6answers
5k views

Can I reduce the file size of an SVG to be closer to its JPEG equivalent?

I have an image that I’m using on a website. I would like to use an SVG so that it can be any size and still look crisp. This dropbox contains the SVG file as well as the original Illustrator file. ...
24
votes
7answers
22k views

Which format is better for saving images intended for websites; PNG or SVG?

When exporting / saving images with a transparent background that are intended for websites, should I save it as PNG or SVG? Why?
20
votes
4answers
16k views

How do I embed Google Web Fonts into an SVG?

I'm writing an article on my site about the advantages of new web technologies, among others HTML5, CSS3 and SVGs, one of the advantages of the latter being the ability to select text in what is ...
17
votes
2answers
19k 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?
14
votes
4answers
8k 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 ...
12
votes
1answer
2k views

Is it possible to “invert” an SVG file? Not the colours, but the actual areas/paths?

I have an SVG file, and I want to create the opposite of it. It's a monochrome icon, and I want a version where the logo is transparent and the rest of the rectangle is filled paths. In theory it ...
12
votes
2answers
15k 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 ...
11
votes
3answers
27k 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 ...
10
votes
4answers
6k 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 ...
9
votes
2answers
7k 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 ...
8
votes
3answers
3k 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 ...
8
votes
5answers
2k 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
139 views

Do SVGs have any inherent px size?

Im saving some images from my illustrator file as SVGs to use as background images for a website. I know you can set the image size in px but does it have any inherent px size set in the file?
8
votes
1answer
3k 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
2answers
2k 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 ...
7
votes
3answers
4k 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
4answers
4k 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 ...
7
votes
3answers
3k 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 ...
7
votes
2answers
2k views

Batch trace JPG to SVG

I have thousands of JPG graphics and want to trace them automatically to vector SVG files with a batch function in Adobe Illustrator CS4/CS5. All graphics looks something like that: My problem is, ...
6
votes
1answer
2k 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: ...
6
votes
2answers
6k 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 ...
6
votes
3answers
12k 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 ...
6
votes
2answers
3k views

Specify CSS class names on SVG paths using Illustrator

Is there a way to edit SVG files in Illustrator where you can specify a CSS class for each path? I already know in Illustrator that if you give the layer name an actual name, Illustrator will use ...
6
votes
1answer
2k views

Embedding fonts in inkscape

Does any body know what is the current status of embedding fonts into an svg file that is readable by inkscape. I find the lack of embedded fonts severely impedes portability of svg files, particular ...
6
votes
1answer
1k 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 ...
6
votes
2answers
443 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 ...
6
votes
1answer
2k 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 ...
6
votes
1answer
862 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
4answers
38k 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 ...
5
votes
6answers
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
4answers
7k views

Preserving font type in illustrator SVG file

Hi I am new to illustrator and created an image that uses "Skia-Regular" font. But when I save that image in .svg format, it changes the font type. And when I open the .svg format file in browser the ...
5
votes
2answers
7k 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
9k 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 ...
5
votes
3answers
10k views

How do I use a custom font in an SVG image on my site?

I created a custom Facebook icon using Inkscape and saved it as an svg. It uses the same font as the title of my page, which uses the font "ubuntutitling-bold-webfont", which I have referenced as a ...
5
votes
2answers
2k 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
1answer
2k 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.
5
votes
1answer
147 views

How do I overcome this PNG rendering problem of a SVG?

I uploaded a human body diagram showing the signs and symptoms of Hodgkin's lymphoma (http://health-and-medicine.wikia.com/wiki/File:Symptoms_of_Hodgkin_lymphoma.svg) to my Wiki but for some reason in ...
5
votes
4answers
9k 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
3answers
761 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
3answers
3k 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
1answer
6k 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 ...
4
votes
1answer
1k views

How to convert a gradient mesh created in Illustrator into a browser-compatible, scalable SVG?

I need to convert a gradient mesh generated in illustrator into an SVG file that is browser compatible. The mesh generates this gradient which I need to use as a background for a responsive web site ...
4
votes
1answer
4k 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 ...
4
votes
4answers
18k views

How to remove the background of an SVG with Adobe Illustrator?

I found a royalty free SVG image on the net. I'm experimenting with web design using SVG. The problem I'm having is that the SVG background is white. How do I delete / remove the white background, ...
4
votes
1answer
394 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 ...
4
votes
3answers
642 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 ...
4
votes
3answers
282 views

How to get rid of these outline artifacts in an Inkscape SVG trace?

I can get good trace results in Inkscape converting a bitmap to a vector image - except for these persistent thin outline artifacts. They resemble a topographic map and pretty much ruin the trace. ...
4
votes
1answer
1k views

How does Inkscape decide whether to use flowRoot or text?

The program for which I'm creating svg doesn't display text that I create in Inkscape where Inkscape saves the text as flowRoot. When does Inkscape choose to use svg:flowRoot? Is there a way to tell ...
4
votes
2answers
1k 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
802 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 ...