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

0
votes
0answers
7 views

Find Inkscape element that is breaking AI SVG export

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
2answers
51 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 ...
-2
votes
0answers
10 views

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

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 ...
8
votes
4answers
5k 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 ...
0
votes
2answers
106 views

How to Save .svg in Illustrator so it shows right on Adroid?

I am trying to create a .svg image for Android devices, but it is not visible clearly in the device. How should I save the file from Adobe Illustrator and how can I optimise the file?
1
vote
2answers
322 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. ...
4
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: ...
1
vote
2answers
89 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 ...
2
votes
2answers
505 views

How to create a vector curve programmatically?

I want to create a vector curve that is symmetric in the top and the bottom. For example, in this baseball icon (How to draw a baseball in Pixelmator?), if I try to write the vector as suggested by ...
0
votes
0answers
19 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
29 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 ...
1
vote
1answer
762 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 ...
0
votes
0answers
23 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 ...
2
votes
1answer
346 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
28 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
1answer
167 views

Website to apply some visual style to a vector image (SVG, etc)

Question: If I have a vector path (let's say it's an SVG), what's a website I can send it to and get various "styles" in return? What I mean by "style" is just: change the colors of the vector paths ...
1
vote
1answer
88 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 ...
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. ...
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. ...
1
vote
2answers
180 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 ...
8
votes
3answers
2k 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 ...
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
47 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?
1
vote
0answers
30 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
102 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, ...
0
votes
3answers
2k views

Adobe Illustrator Save For Web SVG becomes empty

Windows 7, AI CS5 I have several artboards with different versions of a logo on them that I'm trying to save as an .svg file. ctrl+shift+alt+s to save for web. Active artboard's logo shows up in ...
0
votes
1answer
24 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
33 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
59 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
0answers
22 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 ...
0
votes
1answer
52 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 ...
2
votes
4answers
4k 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 ...
4
votes
1answer
794 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 ...
3
votes
1answer
91 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. ...
6
votes
2answers
1k 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
3answers
4k 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 ...
1
vote
1answer
24 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
25 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

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
70 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
36 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
1answer
148 views

SVG font-weight changes when rendered in html

I have a logo in SVG format that I am using on a UI Prototype I'm creating using HTML5. I created the SVG using Inkscape. Today I noticed the logo's font-weight has changed, and I can't seem to change ...
0
votes
1answer
540 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? ...
3
votes
1answer
254 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 ...
9
votes
2answers
6k 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 ...
4
votes
1answer
1k views

Why are some SVG Filters automatically converted to PNG when creating an SVG in Adobe Illustrator?

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. To ...
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?
19
votes
4answers
13k 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 ...
2
votes
2answers
127 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 ...
4
votes
3answers
398 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 ...