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
11 views

How do I combine an SVG file with auto incrementing text in illustrator

Currently we have a series of sequential QR codes as SVGs. We are looking to add an incrementing unique number to the bottom of the QR code. Something like the following process. Import SVG ...
1
vote
1answer
46 views

Why is the svg black and white?

Someone edited my svg file and now, if I import it into Scribus 1.5.1, It is only black, all colors are gone. This is the commit at github, where the format of the svg changed. before, It was all in ...
0
votes
0answers
17 views

CorelDRAW does not apply SVG canvas size on opening

I have a SVG file generated using fabric.js. I need the SVG's size to be A3, so after generating it via fabric.js, I have to manually add "mm" to the sizee values to change the unit from pixels ...
1
vote
1answer
64 views

How to export Animated SVG file from Adobe After Effects?

I am working on a text animation in Adobe After Effects and I want to export my animation as an Animated SVG so that I can use it on my website and Mobile Apps. Does anyone know to do that?
2
votes
1answer
49 views

How to correctly recolor in Adobe Illustrator?

I have an SVG ( http://www.feingeist.io/wp-content/uploads/2015/08/Polygon_grey.svg), which I want to recolor. Initially, I wanted to achieve this by using CSS function background-blend-mode: ...
0
votes
1answer
69 views

Create svg with selectable text

I am new to designing. I have photoshop and illustrator with me. I need to create an svg where I can be able to select the text inside it. As shown in this example where the text is selectable. ...
1
vote
1answer
46 views

Is there an Illustrator alternative which supports SVG natively?

By natively I mean the application needs to create, open, edit, and save in the SVG format without conversion. I'm aware that Sketch can open and export SVG files, but in doing so it changes the XML ...
1
vote
2answers
95 views

Convert PNG pixel arts to SVG without tracing

For a personal project, I designed some icons as PNG files and would like to export them as SVGs. I know the next question: I don't want a raster, I need vectors. I found this question but since it's ...
0
votes
0answers
23 views

SVG: Easiest way for shadows without filters

I'm developing an app which uses SVGs as graphical resources (for better scaling and crisp graphics). The programming part is just fine but the SVGs must not contain filters due to some programming ...
0
votes
1answer
35 views

Save svg without artboard in Illustrator

I have shape that I would like to save as svg file for web. I do: Save as Select Save as type SVG Use Artboard is unchecked by default Enter file name and save Unfortunately I got huge art board ...
1
vote
1answer
34 views

Help with bad importing of Wikipedia SVGs into CorelDRAW X7 [closed]

I have a found several issues when importing SVG files found on Wikipedia to CorelDRAW X7. Whenever I import one, there are many artifacts or glitches. Examples are: Map of the German Empire within ...
1
vote
1answer
47 views

Why does Sketch mangle certain svgs when imported? [closed]

I have 2 svgs that look exactly the same on the web and in Illustrator. One of them has been run through a minify script. You can take a look at these 2 svgs and the code on codepen: ...
0
votes
0answers
13 views

Vertical flipped line exported as SVG shows coords “flipped”?

I have a line created in Illustrator. This line have some small curves. Im animating (revealing) this line with an animation library. My issue is: In Illustrator I flipped the line vertical and when ...
0
votes
2answers
63 views

How do I recolor part of this shape in illustrator to create a 2-color svg?

I created shapes (icons) in photoshop and copied / pasted into illustrator in order to save as SVG, but I need to make one half of each icon (each 2-component icons) a different color. I'm pretty ...
0
votes
1answer
39 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
24 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 ...
3
votes
1answer
35 views

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

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. ...
2
votes
1answer
78 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
78 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
35 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
21 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
122 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
122 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
60 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
17 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
55 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
57 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
59 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
329 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
23 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
4answers
188 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
331 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
142 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 ...
2
votes
2answers
122 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
123 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
194 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
125 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
225 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
77 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
33 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
138 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
96 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
64 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. ...
26
votes
6answers
5k 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
84 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
66 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
64 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
177 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
64 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
285 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. ...