Questions tagged [svg]

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.

Filter by
Sorted by
Tagged with
1
vote
0answers
30 views

Converting text to an svg image

I recently asked my graphics designer to create an SVG image for the background of the homepage of my website (to be used via the background-image css property). I asked her to just write gibberish (...
0
votes
1answer
12 views

Relative coordinates in animateMotion path

I cannot figure out why the blue ball1 in the following example does not "move to" the point on the path specified in #wire from its starting positions to mimic the path animation of the pink ball2. ...
0
votes
0answers
10 views

Weird SVG stroke after exporting from illustrator [duplicate]

I've just exported my logo from Adobe Illustrator into SVG format for use on the web, since PNG files just aren't cutting it any more in terms of quality. Everything's going fine until I zoom into ...
-2
votes
0answers
36 views

Transition between different backgrounds [closed]

I am designing a poster that will be black except for the area with all the sponsor's logos on the bottom. Are there any free online resources for these? If there aren't, any tips on designing my own? ...
0
votes
2answers
57 views

When I import this SVG into Photoshop it looks zoom pixelated, which didn't before

I'm trying to import this SVG; which I imported before earlier but now it seems to don't work that well anymore? The original SVG file has not been modified, so I don't know where the issue could be, ...
0
votes
1answer
22 views

SVG files indentation sensitive?

Are SVG files to be formatted in a certain way? Like do indentation and line breaks etc. matter to SVG files?
0
votes
1answer
28 views

Export .svg icon with padding from Sketch

When I export an icon as an .svg that contains padding, the padding seems to get lost when saved. I have this icon with a 1px padding on the sides: When I export that icon as a .svg, and import it ...
0
votes
0answers
54 views

Why Illustrator changes anchor points position in exported SVG's?

When I open back the exported via Asset export SVG's some anchor points in certain circumstances change their position while maintaining the original shape of the curve. I made some screens: points on ...
0
votes
1answer
31 views

Jpg to svg but source contains only lines

Origami Crease Patterns contain every fold needed for the base model but they usually come in low resolution and bad coloring. I tried many options from adobe illustrator for tracing the jpg and ...
0
votes
1answer
28 views

Vector/SVG file to optimized PNG?

I have a vector artwork (fantasy map). It has several shapes and colors but nothing drastic like gradients, masks, etc. I need to export it to a large PNG file (45k x 45k pixels) but still maintain ...
0
votes
1answer
34 views

How to smooth frayed edges of a path with curves in inkscape

I have a given shape in a bitmap format which I am trying to convert to svg. I have imported the bitmap, increased the size and converted into a path as described in this answer. Unfortunately, the ...
0
votes
2answers
69 views

When importing this SVG into Photoshop or Illustrator it looks pixelated

When importing this SVG: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42" fill="none" id="f_icon_1f2d0f1a"> <g filter="url(#f_icon_1f2d0f1a_filter0_i)"> <path d="...
0
votes
1answer
38 views

Best Format for image for touchscreen (1920 x 1080 resolution)

I have these PDF files and they are 4500px x 6646px and 300 resolution and I need to display it on a touchscreen....on this touchscreen you have the ability to zoom in and zoom out. I have converted ...
0
votes
2answers
81 views

How to produce a SVG with vectors using Adobe CC

I have a bitmap image that I try to turn into a SVG using Adobe CC. (It is a logo for a responsive website). The image is below: First I create an Adobe EPS file using PhotopShop: I use the magic ...
0
votes
0answers
22 views

Convert em units to pixel in SVG

I have converted some svg fonts into paths and saved them in a svg file. I then use the paths (by referencing the paths using the xlink:href attribute of the use element) to use the converted font ...
3
votes
2answers
107 views

Orthographic projection of 2D SVG texture map onto 3D SVG sphere

Background Looking to project a 2D texture map onto a 3D surface. Texture & Globe The SVG source for the texture map is online: The crack data without gradients, simplified: The SVG source ...
0
votes
1answer
38 views

how to export svg with only lines in illustrator?

i need to have the design of my project in lines, polygon,and polyline, but it makes them paths, it's possible to doit withouth editing the svg code directly?
4
votes
1answer
40 views

Inkscape, align objects top has space between objects

I'm trying to align object in inkscape to make a heart shape but when alligning there is a very small space between the two objects. How can I get rid of that space ? As you can see in the picture, ...
0
votes
1answer
22 views

How to change color of multiple svg files in illustrator

I have more than 600 svg icons. Each one is separate files not combined, is there a way to change the color of all of it at once in Illustrator. I am using Illustrator CS6 version. is it possible ...
0
votes
0answers
35 views

Export AI from Ilustrator to SVG looks blurry and pixelated

I am trying to export an AI file to SVG in order to embed it on an webpage. AI file is located here (diente.ai). Whatever options I choose in export menu, the svg file always looks blurry and ...
1
vote
3answers
60 views

Change Illustrators “native” SVG resolution

Even if only containing fully vectorized content, SVG files contain a resolution (in pixels). If saving as SVG from Illustrator (CS5), my Illustrator always sets this resolution to 72 dpi. That's what ...
0
votes
0answers
21 views

How could I transform the colored Twitter emoji to Black and White automatically [duplicate]

I am looking for black and white emoji but haven't found too many good ones. One thing I'm thinking is taking the Twitter emoji and converting them to black and white (and grey potentially). One ...
0
votes
0answers
25 views

How to set 300 dpi resolution in embedded image in pdf file

I have PDF vector image with embedded raster image i need to set resolution for embedded raster image as 300 dpi resolution using command line and open source like LibreOffice etc..
5
votes
2answers
58 views

Understanding SVG coordinate system

I have difficulties understanding the coordinate system for SVG shapes on my viewBox. In Inkscape i have set the page size to A4-Paper size (Width = 793.70079, Height = 1122.51969) and i have a ...
0
votes
1answer
19 views

When SVG is generated as PDF text is indented but rest of drawing isn't

We have template SVG drawings which have tags on the drawing to be replaced by text when the drawing is generated. Whenever it is generated as an SVG, it is ok, but when it is exported to a pdf, the ...
0
votes
0answers
38 views

How to set 300 dpi resolution in embedded image in svg vector image

I have SVG vector image with embedded raster image i need to set resolution for embedded raster image as 300 dpi resolution using command line.
2
votes
1answer
45 views

In Inkscape, how do I add a white background in command line mode?

in short, I tried for f in `ls *.pdf`; do inkscape -z --export-background=ffffff --export-background-opacity=1.0 --export-plain-svg=${f}.svg $f; done It throws no errors, produces SVG files, but ...
0
votes
1answer
70 views

Icomoon - Strokes get ignored when generating fonts. You can convert them to fills to prevent this

I saved an Adobe illustrator file as an SVG file so I can upload it to Icomoon and generate a new font. However, when I upload the SVG file to Icomoon, I get the following warning: Strokes get ...
3
votes
3answers
179 views

Illustrator - SVG make thinner path

I have this SVG logo. I want to make the lines thinner. I have tried Offset Path -20px, but nothing changes. I have also tried adding a Outline stroke that I can use and shrink, but when I go ...
0
votes
0answers
14 views

Overlaying one .svg image onto another without loss of transparency

graphic design noob here: I have two plots that I have saved in the .svg format. One is a smaller plot, that I want to overlay on the larger plot. The border background of the smaller plot was set ...
1
vote
2answers
27 views

SVG use x, y attributes or translate

Why there is a translation possibility for use when i can move shapes around with x y attributes and vice versa? Is it just redundant or are there special situations where one is preferred over the ...
0
votes
1answer
29 views

Understanding SVG Path element

I am reading and learning about SVG paths here: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths I don't get the point with the path in the following code: <svg width="200" height="...
0
votes
0answers
36 views

Convert SVG fonts to SVG shapes/images

I am dealing with an SVG font. Can I extract font glyphs from these font definitions as normal SVG images and/or shapes, and use those shapes in my application? The specific SVG font I am using is ...
0
votes
2answers
64 views

Design a map for a 3d game similar to Discord's style in SVG with Affinity Designer

I'm just a backend developer who has no talent with design, and I'm currently developing a game for iOS, Android, PC, macOS, PS4, Nintendo Switch and Xbox One. I just want to design something like ...
1
vote
2answers
37 views

Illustrator: pixels lost after fitting to artwork bounds and saving for web

I am editing an svg file: I am using Object -> Artboards -> Fit to Artwork Bounds which seem to work well: But when I save for web as a small dimension (73x64) png I get this result: As you ...
0
votes
0answers
14 views

Illustrator and batch coversion of SVG from CSS styles usage to presentation attributes

I have 60 SVG files, all with <style> tags. I can load one by one, manually into illustrator - the Export for screens, and choose the right SVG options to enable presentation attributes. That ...
0
votes
1answer
70 views

How to export SVG code to .svg file

I'm working a lot with Scalable Vector Graphics (SVG) code and need some help. How do I export SVG code to a file? Do I have to use a program outside of my text editor to do this?
1
vote
2answers
53 views

Slicing a square into four equal rectangles in inkscape?

I tried creating a square, turning it into a path (Path > Object to Path) and then placing four rectangles over it that are also paths and doing path > division. But the square does not divide into ...
0
votes
2answers
86 views

Missing objects when saving .svg as .pdf with Inkscape

I am using Inkscape. I have the following .svg file (here): When I choose Save as copy and .pdf, I get the following (also in previous link): I tried grouping, ungrouping and moving layers, the ...
0
votes
0answers
8 views

Illustrator CS6 modifies viewBox slighty in SVG

I got SVG graphic from friend saved in Illustrator CS6 (16.0.3). Opened it in the same CS6 version on another machine, forced save as, set SVG export format to the same values as origin and files are ...
1
vote
2answers
35 views

How do I make the font size value within my SVG equal the font value size defined within Inkscape?

When I set my font size to 100 within Inkscape, the font size saved within the SVG is not set to 100. In the attached example, the font size within the SVG is set to 133.333px. Why? It seems ...
0
votes
0answers
33 views

3d warp effect to place SVG text convincingly on a cylinder

I'm placing some dynamic text in a web application/ to 'fit' on this cylinder. I'm changing the SVG node to add the custom text - and I'm looking for a way to 'warp' it - so that it feels like it's a ...
1
vote
1answer
41 views

Weird layer export on Illustrator

I'm using Illustrator CC. I select a layer, which is 16x44 pixels: Than I right click, Export, and I save it on SVG. That't the result: <svg xmlns="http://www.w3.org/2000/svg" width="5.64444mm" ...
1
vote
1answer
39 views

How do I export text as paths in Photoshop?

I have a logo that is made simply by mixing two different fonts with custom settings (the image in the center is actually big G in Webdings): I want to export my logo as an svg (paths). Unfortunately ...
1
vote
1answer
54 views

Standalone nodes in inkscape

The question is probably due to my poor understanding of Inkscape and/or SVG. Is there a reason why standalone nodes do not exist? What I mean is an abstract non-renderable point which can still be ...
0
votes
1answer
19 views

How do you animate the height of a path in SMIL? attributeName=“height” doesn't seem to work

I've been trying to animate a simple path (i.e. circle) with <animate attributeName="height" values="100;0" dur="1s" begin="0s"/> ...this works if I slap it onto a shape (e.g. rect), but ...
0
votes
0answers
22 views

Batch graphic/image processing (convert SVG to PNG and change transparent to white) [duplicate]

I've got around 200 SVG graphics that have transparent backgrounds. I'm struggling to find a tool that would allow me to convert these into various sizes of PNG, with also the option to remove any ...
7
votes
3answers
429 views

How to convert object fill in to fine lines?

I am trying to find a way to convert a solid object fill in to millions (more or less) lines? for example: I am okay to use any tools but ideally I want output in SVG format (not necessary tho) ...
-1
votes
1answer
37 views

Inverting a complex shape in an SVG file

I have an SVG file that I would like changed. Rather than showing all the background I need it to show the letters and the boat. Would that be called inverting? And how would I do that?
1
vote
0answers
286 views

Is it possible to import my own SVG into Canva

I'm trying to figure out a way how to import my own vector SVG graphic to Canva. I've tried numerous tutorials on creating SVG files from Adobe Illustrator, I've tried numerous Ai to SVG convertors, ...