Improving Quality of SVG Images

Hi Everyone,

Finally had time to test out my LaserCube 7.5 W Ultra in the venue that we’ll be using. Happy to report that it should be sufficient for our intended use case; creating a virtual backdrop for a ballet performance.

However, as I consider entering the design phase for this project, I’m running into some issues creating suitable SVG images that translate well for our purposes. Those running from LaserOS seem quite a bit more suited naturally to the display, whereas the test images that we’ve created tend to flicker and are generally less stable. What are some principles for efficient design that would translate an image well to a laser format? It doesn’t seem to be a problem with complexity of the image, because I feel as though I’m encountering far more complex images than we’ve attempted that nonetheless look quite a bit better for all that.

Any advice?

Thanks!

For the record, images have been created using Inkscape, Illustrator, etc.

When I search for pre-rendered SVG images for illustrative purposes, I am only able to find images using for engraving and laser cutting. Is there a repository for an of these types of images on the Web?

If using Inkscape, dont auto trace images. Very often, the auto traces the outside snd inside edges of line so it effectively doubles your point count. Manually tracing using the Pen tool is how you cam minimize point count snd make better graphics. All the images in LaserOS have been optimized for laser.

Food for thought.

Dustin L. Derry
CEO, LSO
(312) 498 - 2317 Mobile
dustin@stonewolf.com

As a general rule, for any laser device, don’t create graphics with more than 500 points. It doesn’t matter what laser software you use.

Hi @David_Eames,

Forgive my delayed response - it’s a very long and complicated subject and realistically I probably need to make a whole video about it!

In the meantime, the advice above is good. Here’s a quick fly-past of some top-level guidance.

1. Be realistic about what a single laser can achieve

Take a look at the Liberation logo clip for an example. Notice that it’s actually made from very few lines, and most of them are curved.

Now compare that with writing “Liberation” using a normal text node. It will likely become a much longer frame and start to flicker. That’s because each letter isn’t a single line any more - the whole outline of every letter is traced all the way around.

This is essentially what @StonewolfActual was referring to about tracing.

2. Be very disciplined about the lines in your SVG

If you trace bitmaps you will usually get outlines around every shape. If two shapes touch each other, you will end up with two laser lines along the join - one from each shape.

It’s important to make sure that text, circles, rounded rectangles etc are converted to shapes before exporting. Manual line drawing is often the best approach.

You might also find this section of the manual helpful:

3. Laser tuning matters more with graphics

When displaying graphics, scanner tuning becomes more critical.

If you see tails, you will need to adjust the scanner sync. If you can’t remove them completely, you can either adjust the render settings (be careful though - incorrect settings can damage scanners) - in particular adding more blank points at the start or end can reduce the tails, or increase the point rate in the laser’s Advanced settings to give you more resolution to finely tune out the tails. See Laser output settings panel | Liberation User Manual

In recent versions of Liberation this increases the temporal resolution of the scanners.

Note that since 1.0.3 the point rate setting does not change the actual speed of the scanners. I realise this can be confusing at first, but remember that Liberation generates the point stream in real time, so it can compensate for the actual scanner motion.

4. If you’d rather avoid deep tuning

If you’d prefer not to adjust advanced settings, just keep graphics simple and experiment with the scanner presets (for example Fast, Graphics, etc) or slightly adjust the scan speed.

5. More lasers is often the better solution

It’s usually better to add more lasers than to push scanners harder.

For example, four 30kpps lasers will often look brighter and cleaner than two 60kpps lasers, and may even cost less overall. You can use the canvas system in Liberation to spread content across multiple lasers.

Finally, it’s worth noting that traditional guidelines like “500 points per frame” don’t really apply any more, because Liberation doesn’t work with fixed point frames in the traditional sense.

I hope this helps give a rough overview. I still plan to record a video about this soon - it’s a complex topic and much easier to demonstrate than describe, and it requires some practice and experimentation to get it right.

All the best,

Seb

2 Likes

I meant to post about this.

I tried to convert some simple clip arty images into SVGs to load into Liberation and they would not load. I actually sourced them as SVG files but they did not work, I opened them in Inkscape, exported them again, still no dice.

What is the step by step process for converting images to SVGs for liberation?

What settings should be used as there are many options?

Can you send me the svgs so I can take a look?

1 Like

The trick is making sure your SVG shapes have a Stroke of at least 1 set. Its helpful if the stroke is not Black.(but Liberation has a tool to compensate for this).