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

2
votes
1answer
25 views

Is there anyway to revers the anchors order in any path?

Is there anyway to revers the anchors order in any path? I don't want to redraw the path again. I want to change the starting anchor point from the starting point of any path to its end. reversing the ...
1
vote
1answer
31 views

Creating high quality multi-resolution icons

Preface: I needed to design a few ( maybe 30 or so ) icons for an app that I'm developing. At first the thought of designing all those icons for different resolutions was really daunting for me ( and ...
-1
votes
1answer
29 views

Exporting Illustrator SVG for web, using shape or line?

I have been working on several icons for my startup but I want to know if it's better to export them as a shape or a line. Is there a difference between exporting the SVG in an expanded shape or a ...
1
vote
0answers
22 views

Inkscape 0.48: Rearrange paths

I'm trying to figure out an easy way to rearrange paths into others in Inkscape 0.48 (Ubuntu). I've just created a basic map. The paths I drew are quite random and don't represent anything, for ...
0
votes
1answer
24 views

Using SVG file created from Photoshop extract asset (in Processing) [closed]

Okay, I'm not really good at explaining stuff, but hopefully I can find someone who can help me!... I'm using Photoshop and Processing. I want to use cool brush effect in Photoshop, and save it as a ...
0
votes
0answers
18 views

Find Inkscape element that is breaking AI SVG export [closed]

When I attempt to export my AI file to SVG, the SVG only renders up until it encounters an Inkscape element that causes the following error. error on line 12625 at column 115: Namespace prefix ...
-2
votes
0answers
16 views

SVG anitmaion transform origen property - issue in firefox and safari [closed]

I am facing an issue with the transform origin property in firefox and safari. Here is the link what i have done so far : http://jsfiddle.net/Hassanpervaiz/aLfhfstt/ SVG CSS animation. Is there any ...
0
votes
0answers
20 views

I am unable to convert make a svg file from PSD [migrated]

I have a psd file, which is has several layers. I took layer which I wanted duplicated to it to a new file( ctrl+n). Then saved the file as .png. Now I opened that png file in adobe, converted it to ...
0
votes
0answers
36 views

Convert PDF to SVG preserving fonts

I´m using Inkscape to convert pdf to SVG. I need to preserve the text but SVG keeps converting it to path. I have tried embedding the fonts in the pdf but still the same result. Do you know if it is ...
0
votes
0answers
34 views

Center icon in a transparent square for SVG export

I have a file with many art boards within, each has an icon. I've exported all the icons in to there own .ai file and now I want them all to be exported as SVG's centered in a square so they are all ...
0
votes
1answer
30 views

Numbers in SVG cut off, how do I restore them?

I've been exporting skeletal structures in MarvinSketch to SVGs, sadly sometimes the sides of these files (usually number subscripts) are cut off. For example, see below a PNG export of one such SVG. ...
0
votes
0answers
14 views

Help w/ simple SVG with CSS Animations [migrated]

I am new to this group. I am learning to create and use SVG's, so far it has been pretty straightforward. I am having two issues that keep setting me back. (1) Animations only seem to work in FF. ...
25
votes
6answers
4k 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. ...
1
vote
0answers
50 views

How to convert higher order Bézier curves to piecewise cubic Bézier curves

Is it possible to convert higher order Bézier curves to piecewise cubic Bézier curves in Inkscape?
0
votes
1answer
39 views

SVG saved from Illustrator loses the transparency around the image?

Ive used Image Trace to convert a PNG to vectors in Illustrator. By changing the colour of my artboard I can see the transparency around the image is there. When I save the image as an SVG it looses ...
1
vote
0answers
31 views

How should templates for automated banner creation look like? [closed]

I'm trying to create banner ad automatically using Python and Pillow library. So, basically, my program will generate thousands of banner ads with a template and tens of images as the input. The ...
0
votes
1answer
28 views

How can I trace the edge of a svg file using inkscape without rasterizing the image and re-vectorizing it?

I have an svg file composed of multiple shapes, and I would like to perform edge detection to create a path around the border of the image. Basically, I want the equivalent of Path --> Trace ...
0
votes
1answer
36 views

Preserve Gradients while tracing PNG

I'm trying to convert a PNG to SVG by using trace tool. The problem I'm facing is that the resulting image doesn't preserve gradients properly. Here are two versions of the image that I'm able to ...
4
votes
2answers
70 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. ...
1
vote
1answer
93 views

Create vector icons and export them later as PNG without antialiasing

I have created a vector file (svg) and now I wanted to export it as 66px x 66px, 44px x 44px and 22px x 22px PNG file. It should be used as a UIBarButtonItem in the navigation bar. Therefore I use ...
1
vote
0answers
25 views

Set an XML attribute and value for multiple selected elements

Within Inkscape I'd like to Select multiple elements, visually Specify an attribute and a value (e.g. "style"="display:none" or "sodipodi:insensitive"="true") End up with all selected elements ...
2
votes
2answers
55 views

How do I export an SVG from Illustrator such that it renders well in small sizes?

I come from a Photoshop background and this is my first time dabbling with AI. I would like to show my product logo in a small size on a webpage (about 15px height). I currently have a PNG (created ...
1
vote
1answer
27 views

Inkscape: Is it possible to always save as both SVG and PDF

Using Inkscape, I would like to automatically and always save my files in both PDF and SVG format. The reason is that I embed the PDF file into another document, while I want want to keep the SVG file ...
0
votes
0answers
29 views

Exporting SVG in mm instead of px in AI

I am trying to export my vector graphics as SVG. Inside Adobe Illustrator everything is just right, measured in mm. But when I use the "save as" option it always converts it to px (scale factor around ...
1
vote
1answer
82 views

Export from Sketch - vector to SVG strange output

I'm trying to export some vector icons I drew from sketch into SVG and PNG. Here are my icons in sketch: All nice and crisp. The shapes are in a group and against a mask, like so: When I click ...
2
votes
1answer
39 views

Generate/Extract for Illustrator?

Is there a way (plugin, add-on, etc) to export assets from Illustrator the way one does with Photoshop Generate? I'm finding myself spending a lot of time meticulously separating everything into many ...
1
vote
0answers
47 views

How can I improve my Inkscape results? [closed]

Using Inkscape for text produces an outline letter and then at the end of the drawing each letter is then filled. How can I simply improve my results?
0
votes
1answer
62 views

Extract clipping path from EPS (without Adobe Suite)

I've been supplied a bunch of product shots in EPS format. Having seen the shots used in various publications I had a hunch that they had already been isolated. Simply opening the files in GIMP ...
1
vote
2answers
198 views

Batch convert svg to psd

I'm trying to use a bunch of svg icons on something I'm designing. Photoshop doesn't process svgs, apparently. I read Illustrator does and that I can just export it into psds. That much is managable ...
2
votes
2answers
136 views

SVG looking bad in small resolution?

I've cretaed a SVG image trying to solve the quality problem when re-sizing the element or scaling it through CSS. To my surprise, my SVG image looks even worse than the reduced size of the GIF or ...
12
votes
1answer
1k 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 ...
0
votes
0answers
36 views

How to import SVG icons to Sketch so that they don't overlap and placed in order?

I've downloaded an icon set which has a folder containing SVG icons. When I select and drag the SVG files into Sketch, all icons are placed very close to each others so I'm ordering all of them by ...
3
votes
1answer
97 views

Illustrator CC 2014 - SVG coordinates keep shifting position

I'm using Illustrator CC 2014 to create a sprite sheet for use on the web. The artboard and icons are 16px wide. My problem is, the positions of the icons seem to shift, and I can't figure out why. ...
2
votes
1answer
377 views

Get rid of thin white lines between shape 'joins'

I've created an icon made out of basic lines/shapes in Adobe Illustrator, then make it one solid, continuous shape. I want to use this icon as a pre-loader on a website, the idea being each 'segment' ...
0
votes
1answer
52 views

How to create an inverse path

I've got an svg in Illustrator, build from 3 paths. I want to create a path that is the complete inverse of the current paths. So everything that is transparent now - I want it to be white and the ...
1
vote
2answers
90 views

Making Demonstration graphics for web applications

I have been through a lot of websites which have the following kind of demonstration images/icons which look plain but awesome. What are they exactly called? What is the term for such graphics? Any ...
0
votes
2answers
58 views

Circular Bend Shape

I'm going to try to replicate this tutorial on creating a wobbly slide show but instead of a square svg, I am trying to use a circular shape. The square image is comprised of the below: What ...
0
votes
1answer
56 views

Which SVG features are supported by Illustrator? [closed]

I've noticed that certain SVG features such as @font-face w/ base-64 content and path fill styles do not seem to work with Illustrator. (SVG image not displaying CSS base-64 data URL encoded fonts in ...
1
vote
0answers
118 views

SVG image not displaying CSS base-64 data URL encoded fonts in Illustrator

I'm dynamically generating an SVG that includes text and a font using an embedded base-64 font-face with this method: How do I embed Google Web Fonts into an SVG? <defs> <style> ...
1
vote
1answer
122 views

How to create a vector (SVG) with XML Code?

I recently saw an icon on the web, a stepper motor image: but when I click "View image" it sends me to the page ...
1
vote
1answer
100 views

Saving AI to svg

I created some art with a Rectangular grid tool. I created the shape, converted to a live paint and started my pixel art. As I was done I tried to save it to SVG but when you open the image, it ...
0
votes
0answers
81 views

import psd as text into illustrator

I have a psd file with picture and text, that I am trying to convert to svg - so the text will be scaleable. I am working with cs5. I believe you can export as svg from photoshop-cc now, but I dont ...
0
votes
1answer
47 views

Object getting displaced while animating - SVG

I am trying to animate an image along a path in SVG. The object does get animated along the defined path but away from its intended position. I am not able too see as to what's wrong with the code. ...
0
votes
1answer
36 views

How does the P1 translation column horizontal shift (and other fields) work?

I really like Inkscape and I enjoy doing things in it, but even after using it for a while I have to say that many functions are obscure and counter intuitive (like the gradient editor). My current ...
0
votes
1answer
114 views

How can I locate points on a path that are not smooth in Adobe Illustrator?

I have drawn a number of shapes freehand on a graphics tablet in Adobe Illustrator. Most of these shapes are blob-like and almost all points on the paths are smooth. They'll show handles if selected, ...
1
vote
0answers
98 views

Shading an SVG shape using control points

I'm using Inkscape to produce an SVG image which is supposed to reproduce a photo. I have some arbitrarily drawn shape, and I need to shade it. Here's an example photo: Here's how I would like to ...
-1
votes
1answer
806 views

SVG not rendering in Safari

I have several pages on my site that show SVG images on any browser without a problem. One of the pages shows two different SVG images, and one of them is a pretty complex image. In my Chrome Web ...
1
vote
1answer
98 views

How do I make SVG files more transferable from Inkscape to Illustrator and viewable in Chrome?

I've created a SVG file in Inkscape [1] and I've noticed that viewing it in Chrome or Illustrator causes a number of parts of the diagram to be invisible or otherwise poorly rendered (e.g., in Chrome ...
4
votes
1answer
142 views

How to create an SVG path from a lineart?

I have a line drawing in PNG format, from which I need to create an SVG. I need to create the svg path from right to left, left to right, center to sides OR sides to center. Here’s an example: I’m ...
0
votes
0answers
26 views

How to draw into tiled space?

I want a pen that draws at 9 points spaced in a grid spaced about 90% of the page. In svg or similar vector format. The idea is to be able to make nice tile-able drawings. I have tried photoshop, ...