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

How to shrink parts of a vector image in either Inkscape and/or Illustrator CS6?

Lets assume I have an .svg/.eps/.ai file like this (viewed in Inkscape): What I want to do now is to shrink those ears to half of the size while they should still stay in their position on the head. ...
Blackbam's user avatar
  • 123
2 votes
2 answers
605 views

How can I make "sweep" gradient that resembles a radar or a lightsaber?

Here is the approximate effect I'm describing. It's a linear gradient that has been "circlized". I have Photoshop, Inkscape, or can just notepad some raw svg. Even just knowing what term ...
Duncan Marshall's user avatar
0 votes
1 answer
41 views

How can I export the parts of an image while preserving the relative width in Inkscape?

How can I export the parts of an image while preserving the relative width in Inkscape? I have a ladder. It consists out of four parts. I export each part as a .png. Now, when viewed inside the ...
some1 here's user avatar
0 votes
0 answers
365 views

Illustrator: Asset exports creates artifacts

I have an illustrator document with lots of assets which will be transported to InDesign. It's a library of drawings that initially come from CAD. Each one is grouped and added to the asset export ...
salpar3's user avatar
  • 31
5 votes
3 answers
1k views

How to represent blurry artwork with vectors (Illustrator or SVG)?

I have a recurring problem that I'd like to solve once and for all: how to create a blurry vector image. For example, this bitmapped image represents the drop shadow for a rectangle: It should be ...
Andy Swift's user avatar
2 votes
1 answer
6k views

Import SVG as shape/path in Photoshop

Is there a way to import an SVG into Photoshop and have it be treated as a shape/path? or perhaps converted to a shape/path so that it can be edited (e.g. manipulate its control points, change its ...
DolphinDream's user avatar
0 votes
2 answers
1k views

Illustrator CC export svg changes sparkle shape to circle

i've got 3 "sparkle" shapes. When I export the svg the exported one converts the sparkles to cirlces. I've messed with the setting and cannot figure it out. thanks.
cutiger04's user avatar
2 votes
1 answer
46 views

Logo file gets chopped when uploaded to the web

I have made up a logo in Adobe XD that looks like this: (Don't mind the line at the top of the screenshot) But when I try to upload it to google drive, it looks like this: I never had this problem ...
Bar Akiva's user avatar
  • 173
1 vote
1 answer
313 views

How can I fix colors bleeding in an SVG file?

what tools are available for myself to fix the green from bleeding outside of the black bucket? Preferably free tools. I just want to get rid of this green border surrounding the bucket icon. I hired ...
yung peso's user avatar
  • 113
0 votes
0 answers
301 views

Shape with GaussianBlur SVG filter is exported as base64 <image>

I'm using Illustrator's default gaussian blur SVG filter: <filter id="AI_GaussianBlur_4"> <feGaussianBlur stdDeviation="4"></feGaussianBlur> </filter> ...
Mugen's user avatar
  • 101
14 votes
5 answers
8k views

Is it unprofessional to provide svg files instead of eps?

I do most of my work for the web and often use svg files, when I need vector graphics. I designed a logo as part of a project for a client, and the client now asks for an eps file with transparent ...
jost21's user avatar
  • 301
0 votes
2 answers
2k views

Image features are lost when exporting SVG as PDF from Inkscape

I have created a complex SVG file with scientific data: https://svgshare.com/s/TcX . The individual plots were generated as PDFs by the original data analysis software (FlowJo), I imported them ...
Nereus's user avatar
  • 117
0 votes
0 answers
70 views

Credits and license in SVG images

What is the correct method of adding author and license metadata information to SVG images? By hand and in Illustrator and Inkscape. Thanks.
posfan12's user avatar
  • 542
0 votes
0 answers
916 views

Broken SVG when importing to Figma

When dropping an SVG into a Figma canvas, the SVG object is broken, meaning it does not resemble the actual image. The SVG is exported from Adobe XD and is even tested with Microsoft Edge browser to ...
quarks's user avatar
  • 141
0 votes
1 answer
613 views

Inkscape (and Cricut Design Space): Text problems

I've imported an svg to edit in Inkscape, creating this text with lines, selected all and converted stroke to path. I may have also clicked Object to Path at some point and admittedly am not really ...
Hannah's user avatar
  • 1
2 votes
3 answers
672 views

Render SVG to 16bit/channel raster

I have an SVG with gradients. Postprocessing it with GIMP 2.8 produced banding due to its rasterization which is only 8bit/channel. I downloaded Gimp 2.10, then set channel precision 16bit, imported ...
scriptfoo's user avatar
  • 133
0 votes
1 answer
95 views

Photoshop union shapes doesn't show up for SVGs

I have two shapes that I unioned together in Photoshop to create this red outline. When I export as an SVG, it exports the red outline as two separate shapes. Flattening or rasterizing the outline ...
stumped's user avatar
  • 125
0 votes
0 answers
42 views

SVG Glyphs with Huge Dimensions

I am using some third-party SVG music fonts for an application. The single glyphs of these fonts, are by default very huge in size. I was wondering what the reason for this could be. I can think of, ...
Student's user avatar
  • 113
0 votes
1 answer
201 views

SVG looks different in browser then in WordPress

I exported my logo to wordpress. This is my logo on my site http://kopjezoektfamilie.nl/test/ But when I open my logo in my browser (chrome) it looks like this: I want my logo to look like the last ...
 fay123's user avatar
1 vote
1 answer
182 views

Blobs in SVG only using filters

I want to generate "pseudo-random" organic looking blobs in SVG (without JavaScript). I was wondering if this could be done solely in SVG, using filters (like feTurbulence and ...
user2088176's user avatar
2 votes
0 answers
115 views

How to set masks IDs in exported SVG?

Masks exported in SVG have a default ID of "mask0" <mask id="mask0" ...>. I tried changing the mask layer name, but it doesn't influence the ID in the exported SVG. How do I ...
Daniel Birowsky Popeski's user avatar
0 votes
1 answer
3k views

How to remove SVG background when the background colour is a mask

This is hard to explain, but I'll do it as best as I can. I have a graphic. It has a white background that I am seeking to remove. However, it seems there is actually no white background. The ...
user avatar
-1 votes
1 answer
642 views

How to remove background size from svg file made with illustrator?

I am experimenting with making svg files in illustrator and using them in my html website. But the problem is when i paste my svg code in my html file it has the background size of the artboard of ...
tahuislam's user avatar
1 vote
1 answer
409 views

Why svg blur dosen't work in html or browser?

I'm using Figma editor and I tried to blur element, in the editor everything looks fine, then I export it into SVG. I see that there are tags that should make my element blur <feGaussianBlur in=&...
Adriano's user avatar
  • 113
0 votes
1 answer
303 views

S-shaped(ish) Bezier curve control points? (GIMP)

New here, so let me know if I do something wrong! I've been sitting here researching Bezier curves for hours now, and I cannot seem to find the answer to what I would think would be a simple question.....
Amy de l'ABC's user avatar
3 votes
1 answer
9k views

InkScape: Convert all white colors to transparent

I have a set of svg icons. Each icon is composed of two colors black and white. I want to convert these svgs to a ttf font file. So I want the fonts to be monochrome. For that I first need to convert ...
Somanna's user avatar
  • 131
1 vote
3 answers
5k views

What's the best free tool to convert PNG to SVG?

I've made 144 different PNG images. Now I want to convert (trace) them to SVG. What's the best free tool to make this? IMPORTANT: The images consist of only black and transparent parts. Their sizes ...
Yanb's user avatar
  • 171
1 vote
0 answers
450 views

details of (Inkscape) SVG to PDF/X conversion through Scribus

I am trying to gain understanding of some of the nuances of the workflow described in Inkscape SVG → print-ready EPS/PDF workflow. The general approach is to ensure that an SVG document generated by ...
brainchild's user avatar
1 vote
1 answer
162 views

Set font for whole file without losing other formatting

I want to change the font family globally in all text objects in the GUI using the font dialog. But when I change the font family for an individual object through the font dialog subscript and size ...
Porcupine's user avatar
  • 111
0 votes
2 answers
164 views

Convert SVG with ex units to jpg

I'm trying to convert a bunch of SVG pictures to JPG with ImageMagick. The problem is that the SVGs have been created with ex units, and the conversion process creates output files having 1px size. ...
Davide_sd's user avatar
  • 145
0 votes
1 answer
368 views

Why does this SVG element have so much whitespace?

Here's a crowbar. I have downloaded the SVG version of it, and have attempted to rotate it so it is more horizontal (for use as a text banner) -- but apparently the highlight (the brighter red on the ...
noughtnaut's user avatar
2 votes
2 answers
859 views

How to adjust the stroke width of an SVG path between two specific nodes?

I'm slowly understanding how to edit paths, objects and nodes of SVG files in Inkscape. Right now, I'm almost done with an arrow loop I'm trying to create. It looks like this: This is now a path. The ...
Max Muller's user avatar
0 votes
0 answers
225 views

Why does the Inkscape path outset tool behave in unexpected ways on my SVG image?

I have two objects of type path in Inkscape. Here's how they look: My goal is to make them both “thicker”. To that end, I thought it would be a good idea to use the Path -> Outset tool. When I do ...
Max Muller's user avatar
2 votes
1 answer
2k views

How to convert a group of two objects to a single path in Inkscape?

I'm trying to convert a group of two objects in Inkscape to a (single) combined path. When I select the image with the arrow tool, it says the following: I tried converting it to a single path by ...
Max Muller's user avatar
0 votes
1 answer
402 views

Adobe Illustrator SVG files looking unclean

I am using Adobe Illustrator from Creative Cloud, most up-to-date version. I have purchased an asset from Adobe Stock and I wanted to save it from .ai to .svg and use it on a web page. This is how the ...
NVG's user avatar
  • 103
1 vote
1 answer
153 views

Adjusting a looped arrow SVG file to match the style with other arrows

I'm using an SVG file to depict intra-regional migration flows of people in the Netherlands. Here's what I made so far: The looped arrow is the only SVG image here, the other arrows are rendered by ...
Max Muller's user avatar
2 votes
1 answer
242 views

How to adjust an SVG image in such a way that it is modifiable in QGIS?

I've downloaded an SVG image of a looped arrow from a website. It looks like this: I'd like to adjust the code of this SVG so as to make the fill color, stroke color, and stroke width modifiable in ...
Max Muller's user avatar
0 votes
1 answer
1k views

Remove small white spaces between objects

Take this image: https://cloud.iacchi.casa/s/ZbM5NzYLNiA2nMN most of which is made from concentric rings or adjacent lines. If you open it in inkscape you can already see white spaces between the ...
iacchi's user avatar
  • 35
0 votes
1 answer
92 views

Turn Raster To Single Color

I'm trying to create a logo from an image that I want to be one color where the white space is transparent. How can I convert it so that there is only one true color (black) where the edges aren't ...
Realto619's user avatar
0 votes
1 answer
373 views

My SVG is losing anchor points when I export it

I am having an issue when I go to export my svg. The green part of the svg loses anchor points and instead of being the shape of a leaf turns into an oval. I don't know what to do please help! Here is ...
Selena Wells's user avatar
3 votes
5 answers
1k views

Simplify an object in an svg file to reduce file size

I have an svg image generated by another program (for visualisation of molecules) that is super complex, and I'd like to try and automatically simplify it. For example, a simple sphere with a gradient ...
iacchi's user avatar
  • 35
0 votes
0 answers
39 views

Why does my document change size between Illustrator and Inkscape? [duplicate]

If I create a 150mm x 150mm document in Illustrator, as such: and then create a 80mm x 80mm square in the middle of the document, as such: then save to .svg format, when I open the document in ...
MicroMachine's user avatar
  • 1,034
3 votes
2 answers
1k views

Illustrator drop shadow masking

Just wondering if anyone knew of a solution to the below: Basically I have the middle shape with the appropriate drop shadow effect applied, but I only want the drop shadow to show on the shapes ...
Nick Else's user avatar
0 votes
0 answers
68 views

Illustrator: how can I truly clip an svg image?

I sometimes use illustrator to make an image, then clip that image. When I export the image to svg all of the clipped parts of the image still affect the boundaries of the svg. I want a scalable ...
Mr No's user avatar
  • 13
0 votes
1 answer
967 views

How to make sure the clipping in a .svg created with Inkscape are imported well in Illustrator

I received a .svg design made with Inkscape and I need to convert it to .ai to send it to a printer. But when opened with Illustrator, lots of features were changed. Most notably, some of the masks (&...
Monsieur Nauru's user avatar
2 votes
1 answer
2k views

Figma: flattened vector exports as multiple paths

I flatten multiple vectors into one, so it appears in Figma as follows: However when I export it to SVG, this vector appears as multiple paths in SVG markup. Is the a way in Figma to make it a single ...
qwaz's user avatar
  • 133
1 vote
2 answers
213 views

I'm Having A Problem With my SVG Font Design

This is my first take on making fonts. So, please try to be as elaborate as possible. So, i'm going to try and explain my issue as clean and elaborate as possible. I'm using Inkscape to create my font....
Zey_77023's user avatar
1 vote
0 answers
428 views

Is There A Way To Open SVG from web URL in Inkscape?

I'm running Inkscape on Linux and usually end up saving SVG's from the web using wget in the terminal. It would be much easier if I could import/open the SVG directly via URL in Inkscape, but I don't ...
DS-Tech Media's user avatar
1 vote
2 answers
660 views

Persian/Arabic text problem in SVG files (in Photoshop V21)

I have an SVG file which contains some Persian text, despite I have set the 'Language Options' to 'Middle Eastern Features' and I can type a text correctly in new documents, when I open the SVG file, ...
Meysam Zarei's user avatar
3 votes
1 answer
2k views

Is it possible to convert a png with a complicated gradient to svg without using taking up too much time in 3d programs

Is it possible to convert a png with a complicated gradient to svg without using taking up too much time in 3d programs. I tried using online programs, but all of the colours wouldn't appear and when ...
net-tech-'s user avatar

1
3 4
5
6 7
23