User Decals - A Tutorial On How To Make .SVG (Request in separate thread)

  • Thread starter Thread starter daan
  • 1,531 comments
  • 458,892 views
So I want to make a decal. Simple logo, a stylized helmet and some text, just one color. My source is a PNG with transparent background, good quality, 2118*2118 pixels.

I use Inkscape. I open the PNG. I do the automatic path tracing with default settings except scans set to 2 because there's just 1 color.

I ungroup multiple times and then do object to path.

I save as optimized SVG with all the options for a small filesize....
....and I still end up with a 2.8MB(!) SVG.

What am I doing wrong?


-edit- Nvm, figured it out. You have to delete several backgrounds before saving. Down to 19kb now, what a difference😄
 
Last edited:
in need of some help about the mysterious ways of gradients. I have this old svg from GTS days, which is useful for helmet tops. I want to change the color gradient, say from this blue-white to a deep green-to-white linear. I did ungroup all paths and change the colors manually in each "square" using Inkscape.

it uploads and displays correctly in the browser, but in the game all gradients are like fused together, like so:
WhatsApp Image 2026-01-12 at 17.17.17.webp


with Illustrator, achieve basically the same results (with a much smaller file size for some reason) using the "recolor artwork" feature

this is what it should look like:
1768249195883.webp

how do I avoid this?
 

Attachments

Last edited:
Back