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
vote
1answer
62 views

Font outlines for svg file with the smallest size?

I noticed that when turning a image with many texts into svg file, it'd be larger than its png file. The strokes of the outlines, which are part of font before we turning it into outlines, takes the ...
-1
votes
1answer
27 views

Is there a way to force illustrator to open a downloaded SVG (rather than the browser)?

I have illustrator set as the default for all SVGs but whenever I download an SVG, I have to open up the download folder and then open the SVG from there. This is obviously absolutely ruining my life ...
1
vote
2answers
39 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
2answers
270 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 ...
0
votes
2answers
34 views

Illustrator svg with screen shot image, large file size

I am using screen shots to present my web work then building an .svg with some additional layers, the resolution turns out great. I choose to save it as an svg because it maintains clarity, in the ...
0
votes
2answers
24 views

Converting a set of SVG files into PDF [on hold]

I have a set of stacked SVG files myFile01.svg myFile02.svg ... myFile10.svg (created with InkScape). I want to do the following automatically as the number of files grew large: a) transform ...
2
votes
3answers
175 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
21 views

When Inkscape opens file, objects are jumped over the page

When I save and then open a file with Inkscape, it loads with object dislocated. I can then fix the object's location (it jumps near correct location after even slight move), save, but after opening ...
0
votes
0answers
29 views

Modify Path of SVG [on hold]

I have some SVG files that have 0,0 as the top left corner of the image. I want to change the path so 0,0 is the center of the image. I also need to scale the image. I'd like reposition and scale ...
0
votes
1answer
22 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
26 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 ...
0
votes
2answers
83 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 ...
0
votes
3answers
5k 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
1answer
26 views

Scaling SVG while preserving aspect ratio of embedded SVG

I am trying to build a map with a SVG. It should be possible to scale the whole map without keeping the aspect ration. However the aspect ratio of the markers should be preserved. Following SVG is ...
1
vote
2answers
1k 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
70 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
22 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
226 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 ...
3
votes
3answers
81 views

How can I avoid auto-adjusting of the text dimensions in Inkscape?

When I create a text object in Inkscape, it automatically clips it and adjusts the dimensions of the object so it occupies as small area as possible. This might be useful in certain cases, but in many ...
0
votes
1answer
75 views

How can I use just Roboto font with SVG's?

I am using Adobe Illustator to make some SVGs. I need the font-family to be ONLY roboto for the web. However every time I save it shows other roboto fonts like Roboto-Regular and Roboto-Light. I ...
25
votes
6answers
30k 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?
2
votes
2answers
57 views

Exporting to epub - keep text on path editable

I am looking for a solution to the following problem: I need to export files from InDesign to an epub format. I am using the built-in export feature of InDesign CC 2015. It works pretty well, but I ...
0
votes
0answers
19 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
31 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 ...
2
votes
1answer
3k 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 ...
1
vote
1answer
162 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
52 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
43 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 ...
6
votes
4answers
56k 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
27 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
60 views

Image looks embossed when converted to SVG

I converted a raster image to vector in Illustrator CS6 using Image Trace then the Expand option, though when I save as an svg the image looks embossed. I suspect it's due to the layer background ...
0
votes
0answers
97 views

How to import vector graphics into Keynote 6.6.1

Apologies if this is the wrong forum for my question. I'm having a difficult time importing vector graphics (svg flat icons) into Keynote 6.6.1. Any pointers are greatly appreciated. Here are some ...
1
vote
1answer
39 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
56 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
47 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
455 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
89 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
173 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
39 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 ...
0
votes
0answers
40 views

SVG showing as blank in html

I have the following SVG file , saved as XML , looks as follows: <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build ...
5
votes
2answers
782 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 ...
2
votes
2answers
3k 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?
1
vote
1answer
231 views

Is there a tool that converts Adobe Illustrator's 3D Rotate effect to SVG or CSS transforms?

I'd like to export a graphic as SVG, and it contains text that has a 3D Rotate effect applied to it. Saving as SVG this expands my text to outlines :( I'd like it instead to output <text> ...
1
vote
1answer
47 views

How can I cut text out of a svg in illustrator?

I'm not sure this is described well, but suppose I use the shape tool and create a square with a fill of Black. Now I take the text tool and create the word "test" in the square, then convert it to ...
2
votes
0answers
94 views

How to add a stroke property or animate the fill path of an svg?

I've been using a combination of Illustrator, Sketch, Inkscape, and Peter Collingridge's svg-editor to create and manipulate SVG's, but I've been running into a few issues. I am trying to create a ...
1
vote
2answers
3k views

Problems exporting SVGs from Sketch 3

I go to export assets from Sketch as SVG files. I have a few problems... If I select the assets and it automatically slices it, I then save out the SVG file and it gets cut off. circle icon example ...
1
vote
2answers
57 views

How to get flat collection of paths from stacked ones

Here's an image to help (the top is the original image, the bottom is after moving the white object to the front): What I need is an object that is all of the white in the image. The problem is ...
1
vote
1answer
9k views

Illustrator - Make paths as a compound path

I am having a simple issue from import SVG path to Fontello: 'id.svg' contains multiple paths/shapes. Please, make them a compound path, and try import again. So, I have this vector: What I ...
1
vote
2answers
366 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?
2
votes
1answer
95 views

Svg not showing shadows in web browsers (Inkscape)

I have newly created a logo that has shadows applied with masks, so they only affect the logo itself, and not the background. Here's a picture: The text of the logo is splitted in 3 main layers: The ...