Skip to main content
S
Stonegate Global
New Participant
September 22, 2018
Answered

Animate SVG not PNG

  • September 22, 2018
  • 2 replies
  • 848 views

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.

This topic has been closed for replies.
Correct answer Stonegate Global

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

2 replies

JoãoCésar17023019
JoãoCésar17023019
Community Expert
September 22, 2018

Hi.

Please try this extension:

Snap.svg Animator

More info:

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

Regards,

JC

S
Stonegate GlobalAuthorCorrect answer
New Participant
September 23, 2018

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ésar17023019
    JoãoCésar17023019
    Community Expert
    September 23, 2018

    OK. No problem.

    Have a nice weekend!

      C
      ClayUUID
      Brainiac
      September 22, 2018

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

      S
      Stonegate GlobalAuthor
      New Participant
      September 23, 2018

      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

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices