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

[Pubg32486011zfgs]

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?

[Pubg32486011zfgs]

even I tried using base64 embed images in SVG files but adobe animate still not showing images!

[Pubg32486011zfgs]

in library it show linked file and wrote it used 1 time in use count but in main project it still not show image icons! 
 

[Mario_CR · Accepted solution]

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

[Pubg32486011zfgs]

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

1. 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.

2. 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.

[Pubg32486011zfgs]

It can fix the slow importing speed by using File > Place Embedded to import files as Smart Objects in Photoshop. 

However, there are still two issues: 

• I have to open SVG files one by one using File > Place Embedded, which is very time-consuming. (this maybe can solve by photoshop script)

• SVG files do not have a good DPI in Photoshop, so they appear blurry when zoomed in.

[Pubg32486011zfgs]

Another issue is that when using File > Place Embedded to import SVG files, they are imported at a very small scale. Manually resizing multiple embedded SVG files takes a lot of time.

I’m not sure, but maybe fixing this problem could also solve the DPI issue of SVG files in Photoshop.

[Pubg32486011zfgs]

I fixed scale size of imported svg files by change viewBox code in svg files 

now only problem is importing multiple embbed files from File > Place Embedded section 

I don't know how to do this - can i do it with scripts?