I take an image file in SVG format, make a copy and edit the copy with Adobe Illustrator to add an image within an existing group of layers.
This would be the original SVG image:
And this would be the modified SVG image:
In total, I added three images each in a different layer at a certain level so that, depending on whether it was above or below another element.
If I save the changes and visualize the image through the browser, the changes that I have applied are not visible, but continue to look like the original image.
Then, after searching the Internet and trying other storage options, also, try the option of:
File > > Export > > Export as ...
Leave the default options in the box that appears when you press the Export button:
But neither did I get the desired result. At first, I thought it could be the browser cache (so I deleted the history and cache but neither).
After several tests, I came to try, again, the option to export the image with the same indicated option but, this time choosing another option from those available in the SVG options box, in the Images menu, in which indicates how the images will be saved in the exported SVG.
As I said, leaving the "Keep" option selected, it seems that you have finished saving the images along with the file. Another "Link" option, it seems that either. Finally, just choosing the option "Embed" is when you get the images reflected in the display of the SVG file by the browser as desired (as seen in the sample of the modified file).
Well, in all ?. No, in all I do not get to see the file in the same way. Always, the browsers of Internet Explorer (both the usual version and the Edge) must stand out in failures with respect to others. It turns out that in Internet Explorer (either Edge or earlier), the image looks like this:
I do not know why in this browser, the layers referring to the sky do not appear. Neither do I know if it is due to something special or it would be necessary to configure something else. Any suggestions?
And if not, in other browsers the visualization result is the right one.
Before my little experience with programs of vectors like the Illustrator and, mainly, with SVG files, I do not know this way to save the files or to export them is, then, the most correct or adequate in the cases in which said files Carry images.
Is it, then, the way to act? Is there another way to do this? Any other suggestions? But, is it better to use SVG files than, say, PNG?
Greetings.