SVG Files Not Loading Embedded Images from Resources Folder in Adobe Animate

7 replies
847 views
Translate

I have a large number of SVG sequence files and have uploaded a sample here:
https://easyupload.io/epuw45

I want to convert these SVG sequences into a high-quality 4K video using Adobe Animate. However, when I import the SVG files into Adobe Animate, the embedded images are not loading from the internal resources folder of the SVG files.

see following when i open svg file into chrome browser:

How can I fix this issue?

Import and export

Mario_CRCorrect answer

Community Expert

Linking all the images into a folder was the wrong choice, they should've been embedded on the files themselves. This is a common problem with SVGs, they have a lot of compatibility issues between apps so try to make them as simple as possible next time, without any type of linkage.

In this case it looks like not even Illustrator can open them correctly but Photoshop can. Follow this tutorial to import the SVGs as a sequence: https://www.youtube.com/watch?v=oLCy1JkYMFk

Then to export, go to File > Export > Render as video:

https://www.youtube.com/watch?v=AaYrcpvbqVA

Mario_CR

Correct answer

Community Expert

Linking all the images into a folder was the wrong choice, they should've been embedded on the files themselves. This is a common problem with SVGs, they have a lot of compatibility issues between apps so try to make them as simple as possible next time, without any type of linkage.

In this case it looks like not even Illustrator can open them correctly but Photoshop can. Follow this tutorial to import the SVGs as a sequence: https://www.youtube.com/watch?v=oLCy1JkYMFk

Then to export, go to File > Export > Render as video:

https://www.youtube.com/watch?v=AaYrcpvbqVA

Translate

P

Pubg32486011zfgsAuthor

Inspiring

This is a very good method, but it has two problems:

Low DPI in Photoshop: SVG images do not have a good DPI in Photoshop. This means that when I zoom in on any part of my SVG file, it appears very blurry. I’m not sure if there is a way to fix this within the timeline or not.
Slow Importing Speed: Importing images is extremely slow. For example, importing 30 SVG files takes around 5 to 7 minutes. This means that if I need to import 500 or 1,000 SVG files, it could take 5 to 6 hours! I even converted SVG embedded files into preserved (Base64) SVG files, but it did not improve the importing speed.

I am using Adobe Photoshop v21.0.3, but I don’t know if this affects the timeline importing speed or not.

Perhaps the only way to convert multiple SVG files into a single video is by using Photoshop's timeline feature, but I don’t know how to fix these problems.

Also, my PC has an old GPU (NVIDIA GeForce GTX 550 Ti), and I use my CPU for rendering. However, the CPU should only affect the rendering speed, not the importing speed of SVG files.

Translate