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

1
vote
1answer
676 views

How to export to SVG from Illustrator using Artboards

I am designing some icons. To keep the proportions correct, I designed all the glyphs in one artboard. Now, I want to experiment a little with SVG icons, so I want to export these icons to different ...
1
vote
1answer
59 views

Inkscape unable to add the same stroke width to all paths

Hi i just modified a text into paths and curved some paths, i attach an svg of my work. Now i just would like to add stroke to the object so that i can make bold the text, but as you can see , trying ...
1
vote
1answer
74 views

How to clone objects in Inkscape so that ctrl-D will show the original object?

I am editing a game board for a word game, based on a "CC BY SA"-licensed SVG file by Denelson83: When I click at a colored square and then press ctrl+D I can see the original colored square - as ...
1
vote
2answers
126 views

Illustrator save as SVG: losing character tracking information

I'm trying to save two different versions of a certain SVG using Illustrator. The sole difference between the two versions is that a certain text element's tracking attribute was set. It seems ...
1
vote
1answer
364 views

What are the main performance issues in svg?

What are the main performance issues in svg? Out of filters, gradients , blurs, text rendering , clipping, transformations , etc, what takes the most resources to render? In particular, is it faster ...
1
vote
1answer
293 views

Inkscape: reusable components / objects?

We used Adobe Flash for SCADA visualization in the past, but we want to move towards SVG for new web-based SCADA projects. SCADA often uses the same, interactive symbols (like pumps, valves, ...) ...
1
vote
2answers
196 views

Seeking advice when working with SVG filters - more specifically multiply

I have a reference image of the effect that I am trying to achieve using SVG. In Photoshop the effect can be achieved by using 100% opacity with the blending mode set to 'multiply' The colors have ...
1
vote
1answer
533 views

Inkscape failing at converting an .svg to an .eps (or any other file)

I used inkscape to grab an image out of a pdf. After doing so, I found out the only way it would actually save was to save it to .svg. I then tried saving the svg to eps/pdf/wmf/emf... etc basically ...
1
vote
1answer
269 views

Illustrator reducing double stroke svg to a single stroke svg

I have a double stroke svg that I want to reduce to a single stroke svg. The area on the svg is defined as some white shapes that are overlayed on a black background, with anchors outlining the shapes ...
1
vote
1answer
230 views

Does CorelDraw have a native read resolution for reading SVG's?

Does CorelDraw has a default read resolution for SVG's? The only DPI settings that will show me the number of pixels exactly as they were created is 96. Is that Corel's native DPI resolution for ...
1
vote
0answers
32 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 ...
1
vote
1answer
50 views

Substract color from all objects to mode alpha

I am trying to make some stuff from Illustrator, with using remove once color to setting up alpha mode. I created example from Photoshop like that: Any Idea? Edit 1: Recolor Art is useless, no ...
1
vote
1answer
26 views

SVG images showing up blurry in Safari in any size smaller than 20 px

I am doing a mobile demo for the Ipad that we are demoing in Safari. I am using icons to get away from having to scale my images 3x. Problem is that any icons that I am using that are smaller than ...
1
vote
0answers
57 views

SVG images for JavaFX-based game client

A group of programmers and designers are making a Trading Card Game (TCG). I work mostly on creative material. The Java game client is using JavaFX for GUI and we are looking to use primarily ...
1
vote
0answers
23 views

SVG saving so less C data [duplicate]

I'm saving some SVG icons from Illustrator CC 2014 and when I give them to my dev he says can you make less CDATA. Does anyone know how? Thanks
1
vote
1answer
85 views

Saving an SVG with viewbox 0 0 in Illustrator

I've got a problem saving SVGs in their correct format in Illustrator. I want to save an SVG for web development with the viewbox as "0 0 100 100". The sizes, 100 width and height, are not a problem. ...
1
vote
3answers
115 views

Animate Drawing of SVG Text

i did search around for a similar question but i couldn't find anything , hope it's not a duplicate ! i had some background in pixel-based graphics and web design mostly , but i never came across ...
1
vote
1answer
97 views

Exporting from Illustrator causes a weird path effect

When I use the image trace feature in Illustrator I'm able to create a pretty high quality vector of an image. However, when I export it as an .svg file the paths aren't "just right" and it causes you ...
1
vote
0answers
716 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 ...
1
vote
1answer
194 views

SVG files render differently in browsers - typography

I have a problem with svg backgrounds that render differently in browsers.In Chrome the letters are correctly gill sans light and two words are bold. That's not the case in Firefox. How do I fix this, ...
1
vote
0answers
653 views

Problems exporting SVGs from Sketch 3

I go to export assets from Sketch as SVG files. I have a few problems... If I select the assets and it automatically slices it, I then save out the SVG file and it gets cut off. circle icon example ...
1
vote
0answers
123 views

inkscape problems exporting filling pattern to pdf

I have created a filling pattern. When I export to pdf a shape filled with such pattern I get something really different from what I see in the editor. This is an example: what I see: what I get: ...
1
vote
1answer
264 views

Inkscape: Exporting a checkerboard makes lines fuzzy

I made a pretty simple checkerboard in inkscape. It is just many boxes that have an outline that is 1 px thick. They overlap by 1 pixels so all lines are one pixel thick and not two. I did this on a ...
1
vote
0answers
260 views

Measurements and units in svg-edit

I am doing a modified version of SVG-edit 2.6 alpha, an online tool that allows the creation of graphics. I intend to use the application to allow my university students to send files for cutting ...
0
votes
4answers
326 views

Can Inkscape be associated to SVG as the primary tool of the trade? [closed]

I'm planning to make an icon to represent SVG. I know there are official logos, but I never saw them until I looked for them, and I don't believe many designers associate SVG to these logos. My icon ...
0
votes
3answers
1k views

How can I get illustrator to automatically clip the artboard to the vectorized objects size?

I just exported a shape from photoshop as a path and then filled it in illustrator. I now want to save the shape as an svg, or eps but I don't want to save all the excess whitespace around the object. ...
0
votes
2answers
1k views

Single path overlapping? I shoelace design

I'm trying to make something similar to this in Inkscape: I tried making a path then using object to path. But that didn't work. So then I tried using the pen tool from clipboard... Still didn't ...
0
votes
1answer
79 views

Does creating a vector graphic on a specific screen resolution affect the output quality on higher resolution screens?

I'm creating my first game using the Unity game engine. I plan to target 1920x1080px; but my laptop resolution is 1366x768px. If I create the vector image on my 1366x786px screen, will the output be ...
0
votes
1answer
561 views

Saving PNG as SVG in Illustrator CC

When I open a PNG in Illustrator CC and save it as SVG, once I open the SVG on the browsers I found out that the Photo has been shrinked. Can you tell me the reason and if there is a solution for that ...
0
votes
1answer
644 views

Exporting a 3d extruded shape to SVG from Illustrator produces horrible plane joins

Here is a simple cylinder, created from an oval using the 3d extrude tool in Illustrator, and exported as a PNG: Now here is the same cylinder "saved as" SVG in Illustrator (I have displayed it in ...
0
votes
2answers
103 views

How do I design Photoshop, then go back into illustrator to make some of the icons SVG?

I'm used to making sprites – but read that SVG is the way to go. I'm creating a mockup for client and would like to show the custom icons made in Photoshop and now need to bring them back into ...
0
votes
3answers
139 views

How to create a picture like a diagram on Wikipedia?

I am a newbie in making pictures and animations. I have found a nice .svg picture on wikipedia and now I am assuming what tools the author used. I know that I can make this picture with Microsofts' ...
0
votes
2answers
128 views

I made a map in AI, but the file size is HUGE as an svg?

I made an svg in Illustrator, but now I want to use it in a website/app but it's a huge size (around 10 MB) how can I decrease the size of it? My illustrator file is pretty big but that because I have ...
0
votes
2answers
129 views

Vector Infographic - Why does it render differently in the web browser?

I made an infographic in Adobe Illustrator, and saved it as a .svg file. But then when I tried to open it in the Google Chrome browser, some of the fonts and some italicized fonts were not even ...
0
votes
1answer
114 views

SVG logo text instead of an image used in froont.com?

I am looking at the design of a website http://www.froont.com and they seem to generate the logo text using SVG. I am totally unable to understand how to generate logo text this way? Help is ...
0
votes
1answer
18 views

PharmGKB diagrams; how do I convert them into customizable svgs?

I'd like to be able to convert this pathway (1) to SVG in a way that I can then edit (e.g., adding a legend to the diagram and edit some of the hyperlinks in the diagram). I have tried saving it as ...
0
votes
1answer
53 views

Why can't I edit these SVGs with Inkscape?

In Inkscape it is impossible to edit the SVG images downloadable from here: https://archive.org/details/IauConstellationsSvg Basically, there is a single, large group and I can't ungroup it. Those ...
0
votes
1answer
62 views

My SVG file shows as a blank icon on the desktop

I'm a new at the web design and I'm not sure if I've done right thing while saving my icon as svg file. Here's the thing - I got an outline icon and when I save it as svg with options shown in ...
0
votes
1answer
102 views

Illustrator exporting SVG, viewbox doesn't match artboard size?

I'm attempting to output an SVG from Illustrator. My artboard is 256x256 pixels. The top left of the artboard is at 0,0. When I export my svg, the viewbox attribute is 0.5 792.5 256 256. Why isn't it ...
0
votes
1answer
184 views

SVG font units-per-em to mm

In an application I'm writing, I need to take a glyph's path from an SVG font and scale it to a particular size, which is specified in millimetres. I take the 'd' path property from the SVG font, ...
0
votes
1answer
828 views

Converting SVG to EMF without loss of data

I have downloaded several SVG files and need to convert them to EMF format ( Enhanced Meta File ). I have used Inkscape's Save as to save it as .emf but loss of data occurred ( I was warned by ...
0
votes
1answer
154 views

TTF character to vector

I'm trying to use a single character from the font Killigrew as a symbol in .svg or .jpg format on my website. However, the .ttf file is formatted incorrectly, so any image program I try to insert ...
0
votes
1answer
4k views

How to export PSD file to SVG in Photoshop CS6 [duplicate]

I have a PSD file. I want to convert the PSD to SVG file using Photoshop CS6. Anyone able to tell me how to do this?
0
votes
1answer
170 views

Create SVG circle with 6 segments

What would be the most efficient/concise way to create a SVG file with 6 segments? I'd like to create the SVG by hand and not pre-calculate the points with some kind of software - if possible. I ...
0
votes
4answers
1k views

When I save as .SVG it adds extra whitespace width to the document

I have my image on the artboard and have clicked Object > Artboards > Fit to artboard bounds. When I save an SVG I get extra whitespace at the bottom, how can I just save whats in the ...
0
votes
1answer
1k views

Export HUGE png/tiff/pdf from SVG

I need to get an image (optimal would be pdf/tiff but png will work, too) from my svg file. The svg is relatively small (cca 300 kB). What I need is an image in resolution cca 10000x5000px in 60+ ...
0
votes
1answer
421 views

Saving as SVG in illustrator gives me an error

I'm getting an error when I view my illustrator doc. error on line 33308 at column 20: Namespace prefix inkscape for connector-curvature on path is not defined My illustrator document is ...
0
votes
1answer
356 views

How to fit text inside a shape using iDraw

I'm trying to design a logo, and would like to fit the name of the product inside a shape. In this case, the shape is a closed path in the shape of a smile. Any ideas how I might achieve that? ...
0
votes
1answer
3k views

Illustrator - Make paths as a compound path

I am having a simple issue from import SVG path to Fontello: 'id.svg' contains multiple paths/shapes. Please, make them a compound path, and try import again. So, I have this vector: What I ...
0
votes
1answer
531 views

Problem converting svg to eps in inkscape

I'm using Inkscape to convert an svg to eps. But when I save the svg as eps and open the eps using Gsview, the image is not placed at the center of the page, and even some parts of it are out of view. ...