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
votes
1answer
20 views

Is it a bad idea to use a svg as a background image for a website file size wise?

I need to save out some images for a website project at work. These images will span the full background of the site using background-cover. I first thought that svg would be the correct choice but I ...
0
votes
0answers
18 views

How to make full svg fonts (not just outerlines)

I am trying to make an handwriting animation in html. What I need is a .svg from the signature. I have tried to make this in inkscape, but when I use this svg only the outerlines will be drawn. Can ...
0
votes
0answers
25 views

Adobe Illustrator CS4 - Setting First Anchor Point in Path for SVG [on hold]

I'm trying to set the 'first' anchor point in my path (created through Illustrator CS4), it's a closed shape, so that the SVG animation I'm working on starts from that point. How do I do so within ...
3
votes
1answer
23 views

Some items in SVG drawing are showing up as question marks in various Mac OS apps, and Inkscape [on hold]

I have an SVG drawing that has some little trees in one section of it. Up until recently it was all fine, but the latest version of it that was emailed to me recently has a really weird problem. ...
0
votes
1answer
22 views

Ampersands inside SVG files don't come into CorelDraw [on hold]

I am trying to import an SVG file in to CorelDraw. The issue is Ampersands don't come in correctly. If the ampersand is represented as &, then it shows in Corel as &, if the ampersand is ...
2
votes
1answer
61 views

Morph vector shapes by more than 100% (shape extrapolation)

I'm looking for the tool that can perform blending/morphing of two vector shapes by more than 100%, i.e. extrapolation. Standalone or online tool or plugin/script will work for me. It shouldn't be ...
1
vote
1answer
35 views

Problems with exporting SVG assets out of Illustrator

My workflow generally goes like this, design the icon on Illustrator and paste the icon and resize it for the design. Because our dev team needs SVG icons and not just the typical 1x,2x,3x assets, I ...
0
votes
0answers
27 views

How to improve the quality of raster images (embedded or linked) in SVG created with Illustrator CC

I created a new file and placed a PNG image as background. If I try to save that as an SVG file with Adobe Illustrator, the quality of the background image is very degraded compared to the original ...
1
vote
1answer
19 views

Pasting shape path from file with different grid setting results in pasting previous grid

I am attempting to paste a shape path from an SVG with an SVG file with different grid settings into an another illustrator ai file. When I do this, I get a copy of the grid from the old file along ...
1
vote
1answer
99 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 ...
4
votes
0answers
88 views

Problems with Dynamic Text in SVG when font is not SVG

So, I have an graphics automation chain that has been happily running on a headless linux environment using programmaticaly generated/altered SVGs and PhantomJS (currently 1.9.0) as a final rendering ...
0
votes
2answers
44 views

Why is my text deformed when I save as .svg and how can I fix it?

I need to put this svg image on a site. But when I created the image is deformed and looks terrible. I try in differents ways and still not working. I hope you can help me. Thanks..
1
vote
0answers
12 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 ...
1
vote
1answer
48 views

How do I save svg FROM a website code?

I need to work with a logo from this website (in the top left corner): http://takiedela.ru/ Here is the piece of code I copied from the page: <svg viewBox="0 0 215 50" height="50" width="215" ...
0
votes
2answers
46 views

EPS files exported by Illustrator are ca. 2 MB while SVG version is 30 kB

I worked on a couple of vector images in Illustrator CC, and saved them both as EPS and SVG. For some reason, the EPS files are around 2 MB and the SVG files are around 30 kB. It is the same exact ...
2
votes
1answer
47 views

SVG optimization practices when drawing in Illustrator

I’ve noticed that when exporting a file from AI to SVG, there is a lot of code created that is not necessary and I realized then that this code can be certainly optimised. Found this interesting SVG ...
0
votes
1answer
172 views

PNG to SVG batch conversion

Is there a tool to convert 302 PNG images to SVG? I know how to do it one by one using Inkscape, but I need a tool to convert the 302 image at once.
0
votes
0answers
21 views

SVG export from illustrator centers viewbox

Just got Illustrator CC, and using export with settings I've used in the past, but the SVG output is strange. The Viewbox generated is causing the SVG to be centered in the window. This is causing ...
0
votes
3answers
114 views

SVG export from Illustrator CC distorts paths

I'm trying to create some icons to add to the Glyphicons library. I've created them using the pen tool (shapes) in Adobe Illustrator CC, they're ultra-basic. As PNG, or EPS they export fine. ...
0
votes
1answer
165 views

resize svg file width 100% and height fixed.

I made this svg file with sketch.app. <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="478px" height="36px" viewBox="0 0 478 36" version="1.1" ...
1
vote
1answer
121 views

Segmenting a ring into three pieces in Inkscape

I‘m trying to re-create these shapes in Inkscape, namely the white lines: I could trace this image, but I'd like to know if there's a clever, and more accurate, way for re-creating the shapes. For ...
1
vote
2answers
81 views

Join mid points of two adjacent paths in Inkscape

I have two adjacent paths in Inkscape with a tiny empty space between them. I'd like to combine them into a single continuous path such that each two adjacent nodes (in the below image) become one ...
1
vote
2answers
98 views

How to get the x/y position of multiple points on an artboard

I've got a bunch of objects on an artboard and I'd like to know the X/Y positions of them all. It would be fine to either have pixel values, or a % from the sides of the artboard. Importantly, I ...
-1
votes
1answer
124 views

How to remove grid background on SVG image using Inkscape

I'm using the Meteocons icon set in my project, specifically the SVG files. I noticed they all display on screen with a light blue 'grid' as a background. How can I remove this background so that the ...
2
votes
1answer
80 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
151 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
62 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
32 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
0answers
112 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
81 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
54 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. ...
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
80 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
62 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
56 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 ...
1
vote
2answers
114 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
57 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
3answers
208 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
237 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
48 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
99 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
57 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
60 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
326 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
86 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
52 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
103 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
470 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
237 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
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 ...