Animate SVG not PNG

[Stonegate Global]

Hi,

Is there no way to animate an SVG as opposed to a PNG in the publish settings? At the moment, a PNG is generated but we need it to scale up and a PNG blurs when you scale it up.

I do see an option to export an SVG but how does one use the SVG instead of the PNG?

Here's my example Gate Logo

Many thanks.

[ClayUUID]

There are a lot of different publish options. What exactly are you talking about?

[Stonegate Global]

Hello Clay,

When you see that link, the animation blurs because it is an PNG that is being exported (even though in Animate, I imported a vector file), so I expected that am SVG file would be output to use as the animation element, rather than a PNG sprite.

João I will look at the extension, I just thought it would have been an obvious option since Animate comes from original Flash and vector is what one output.

Granted, it's about optimisation, but I would have liked to see the option to use an SVG over a PNG. I do see an option to export the SVG and it does, I just hoped there was an option automatically use it over the PNG.

Will give your solution a try now, thanks João

[JoãoCésar]

Hi.

Please try this extension:

Snap.svg Animator

More info:

Export SVG Animations for the Web with Snap.SVG Animator | Adobe Blog

Regards,

JC

[Stonegate Global · Accepted solution]

I found the problem! My mistake. The assets supplied to us were imported as BMP files so when I exported it, it created the PNG sprite.

The export now, after importing the vector files created an html file and the JS file...super light at 14Kb

Apologies for the run around

[JoãoCésar]

OK. No problem.

Have a nice weekend!

[Stonegate Global]

Thanks João, you too

[ClayUUID]

I'm most astonished that anyone in this century thought it was a good idea to save an image as a BMP. You might want to look into replacing whoever did that.