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

6
votes
2answers
2k views

Is there a way to reverse the order of anchors in a path?

Is there any way to reverse the order of anchors in a 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 ...
0
votes
1answer
50 views

Illustrator misshapes edges in exported *.svg

Does anyone know why when I save out an SVG icon that my edges get misshapen and do not look like what I have designed; Example: Smooth edges are exported as sharp. Thanks!
1
vote
1answer
59 views

PDF text has strange mark at end of line of text

I have artwork that has a strange mark at the end of each line of text. This artwork is originally an SVG that was converted to a PDF using cairosvg, then opened with CorelDraw and put into ...
0
votes
0answers
51 views

Convert fill styled icons to stroke icons in Illustrator

so I want to use a script called vivus.js and one of the conditions for this script to work is: All elements must have a stroke property and cannot be filled. This is because the animation only ...
3
votes
4answers
101 views

Split a path into two separate paths in InkScape

I have a monochrome drawing of a face done in SVG. The entire face is one path. How do I for instance select just an eye and make it into a second separate path? Thanks. Note that the eye is just ...
10
votes
3answers
2k views

How do you animate SVG for the web?

Vector graphics are now taking over the web and even mobile applications. Icons, buttons and elements of web pages or mobile apps are now becoming increasingly vector based, dropping bitmaps because ...
0
votes
0answers
27 views

Clean .svg - export of text layers in Illustrator

I'd like to use .svg as a wrapper for illustrations so that all kinds of elements (captions, image) can be put in groups and controlled by the backend or browser. In the example below, I want to code ...
2
votes
1answer
2k views

SVG font file appears blank in Illustrator

I have an Illustrator file which you can download from here. However Illustrator CS6 seems to open the file as being totally empty. Is there something wrong with the file? Perhaps something I can ...
6
votes
3answers
335 views

Can I export an Inkscape SVG to a TTF file?

I have tried my hand at designing a font, and have made the individual SVG files for each character on Inkscape. Looking at other things about this topic, the answer always seems to be something along ...
3
votes
1answer
39 views

Saving image files with maximum compatibility for different displays?

There's a website I'm working on where students can read their textbooks online, page by page using an implemented PDF viewer. But I've noticed that this doesn't look particularly great on different ...
0
votes
5answers
671 views

AI vs EPS vs SVG

What's the technical difference? I'm interested in switching from Illustrator to Inkscape and would prefer to work exclusively with SVG, but is this going to be a problem for my team if they stay on ...
0
votes
2answers
70 views

SVG text cross-browser compatibility issue

First of all, I have to say that I am not good at Illustrator. I just make some basic graphics for the websites that I am working on. Here is one that I made: I exported as SVG format and put it ...
0
votes
0answers
24 views

Rounded Rectangle Anomaly in Sketch

If I create a rounded-rectangle shape in isolation, then remove the rounding on two of the corners and export as SVG everything is fine. Works as you would expect. However, in this instance I did ...
-1
votes
2answers
275 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
85 views

Illustrator breaking apart and prepending '_x3' to every element that starts with a number in SVG export

I'm not sure if this is regular behavior, but when I do an SVG export in Illustrator, each layer name I have that is a number with be converted to a format I don't quite understand. I'm creating an ...
0
votes
0answers
17 views

How to prevent Adobe Illustrator CS5 exporting SVG file without adding adding _x3##_##__ to each numbered path [duplicate]

OK I'm designing large car park maps with lots of spaces, up to 3000. I ran a script to automatically number the paths (spaces) to save doing this manually which can take hours and hours to get right. ...
6
votes
2answers
3k 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.
1
vote
2answers
144 views

How to batch convert/scale PNG files to SVG?

I currently have a library of 512wx512hx72dpi png files used for icons in web and mobile apps. I want to convert them to svg then scale them to final size (80x80) for mobile app menu. Yes, I would ...
3
votes
1answer
105 views

Weird lines in svg in browser which are not visible in AI

I'm trying to create a simple vector graphic for a bar. It looks as I want it in AI but gets some weird lines in browsers. Please take a look at the picture and let me know if you know what can be the ...
1
vote
4answers
168 views

How much SVG is too much SVG?

I make vector illustrations and I also do a little bit of web design. I really want to combine the two. I have some ideas for some image heavy websites that use vector images in SVG format, and I ...
1
vote
2answers
90 views

Specific svg file size

I want to export my logo from affinity to .svg in specific size, but affinity always sets size for 100% width and 100% height. Where can i change it?
1
vote
1answer
116 views

Is there a way to export Base64 encoded SVG's from Sketch 3?

I'm currently working on a site, and can't export SVG's from Sketch itself with no issue, but I am missing the Base64 code. Can I generate Base64 encoded SVG's from Sketch 3 when I export?
0
votes
3answers
7k 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 ...
1
vote
2answers
95 views

SVG mask not working

I have an SVG vector object that consists of a few paths, some of which need to be masked. For this I've made 5 SVG masks. All of them seem to be working (i.e. masking their respective object), ...
6
votes
4answers
17k 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
0answers
48 views

Generating “String” SVG Data from photoshop

I am new to photoshop, switched from GIMP. In GIMP, you could do this: Selected the image and convert selection to path. Then Export Path and it would give an SVG file which when opened with notepad ...
0
votes
0answers
64 views

Best practices for a file of icons in Illustrator that can export perfectly to both PNG and SVG?

I'm using Adobe Illustrator to maintain a set of icons for a desktop application. Whenever I update them, I need to export them both to SVG and to a minimum-resolution PNG that matches the pixel ...
4
votes
3answers
13k 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 ...
8
votes
6answers
156 views

Is it worth learning the SVG path attribute, or should I use a tool for drawing?

Is there an advantage of manually creating the graphic with the path element and d attribute (I guess with the help of math?), over using a tool like Inkscape to draw the graphic? Does Inkscape ...
3
votes
2answers
43 views

How do I allow " to render rather than " in inkscape?

I am developing a tool that will take Inkscape made SVG files. I want to make it so I enter various tagings like {{="test this"}} And my renderer, made it myself, would then replace the item with ...
0
votes
2answers
5k 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 ...
1
vote
2answers
57 views

Is there an automated way to remove cropped regions of embedded images in order to optimize the size of an Inkscape SVG file?

I am preparing some figures for a scientific publication using Inkscape. These figures are SVGs containing embedded bitmap images that are quite large, but only a small rectangular clipped region of ...
0
votes
1answer
61 views

Fill holes in compound path with color

I need assistant to figure out how can I fill the empty holes within compound path with color using Adobe Illustrator. Download .SVG file
0
votes
0answers
40 views

SVG export for web with fonts

I'm trying to export an SVG image, which contains text from illustrator. I want to use it for a website. For SEO and size reasons I don't want to convert typo into vectors. What are the settings I ...
3
votes
1answer
152 views

Animated SVG Javascript Infographic for timeline

I am considering to make an animated infographic based on SVG, Javascript and CSS technologies of a timeline. I have lots of experience in programming but not so much in using these technologies to ...
0
votes
0answers
28 views

illustrator saving SVG with images embedded

I have a peculiar issue while exporting .ai files to .svg. Inside svg I see some parts are being embedded as .png and some parts are retained as vector... it seems quite arbitrary, any ideas how to ...
1
vote
1answer
599 views

How to change which anchor point on a path is the “starting anchor”?

I'm trying to do some animations for my website with SVG images that I saved in Illustrator. I'm running into the issue that the animation is starting from the wrong part of the path, and I'd like to ...
25
votes
6answers
36k 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?
1
vote
1answer
171 views

Why does Illustrator CS6 read font information from a SVG file incorrectly?

I have a bunch of SVG files that were created by MagicDraw. In these files, I have several font definitions, e.g., <text x="152" space="preserve" font-size="11" y="376.958" ...
2
votes
1answer
74 views

Illustrator export creates white borders at the edges

Just working on a logo, but when I export the logo to svg (for a website) I get white borders at the edges and the shadow (see picture). Anyone knows how this can happen and what I can do to prevent ...
1
vote
1answer
196 views

Measure Path Length in Illustrator CC

I'm using Adobe Illustrator CC to create SVG for my web animations, but the only tedious process is finding the length of each path lines in the generated SVG. I tried Googling, but couldn't find ...
7
votes
4answers
66k 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 ...
1
vote
1answer
63 views

Exporting an object from Inkscape with bounding box taken from another object

I have a SVG file that contains a set of icons. For each icon there are two different objects in the SVG file. One is the icon itself (id=foo_icon), and a second is a solid white rectangle behind the ...
1
vote
1answer
69 views

Problem saving svg with inkscape

I just started playing with inkscape on Ubuntu, and I'm facing a problem when I'm saving svg files. When I save my file and close it, the miniature in Nautilus doesn't correspond to the file itself. ...
-1
votes
2answers
147 views

Mass change the colour of 300 .svg files [closed]

I have 300 .svg files, all are black, simple vector graphics. Is there any chance to change color from black to white ? Of course mass. Thanks Ad
1
vote
1answer
87 views

Can't export SVG properly

I want to export a file from Adobe Illustrator but it's kinda messing it up. I've no idea why. In case you don't see the problem instantly: The shadow (3D Extrude & Bevel effect) of the gray line ...
3
votes
1answer
520 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
2answers
187 views

Resizing .SVG Files

I have hundreds of .SVG files of size (256x256) which I want to change to, let's say, 48x48. I know that I can do it manually or with the help of Actions in Illustrator, but is there any script or ...
1
vote
1answer
207 views

Is it possible to online search for PDF vector images? [closed]

I'm trying to find an easy way to search the internet for PDF vector images. Update: using "free to use, share or modify, even commercially" filter Google Image Search: filetype:pdf spaceship ...
2
votes
1answer
73 views

How can you render an SVG path with only the d=“…” attribute?

In looking to add another SVG to our svg-def.svg file for our website, one would assume it wise to mirror the approach of a previous developer. In our case, the prior developer was able to entirely ...