I am new to Illustrator, so I feel like I'm missing something really basic here, or doing something in a way that is not kosher.
I want to combine vector files with a photo overlay in an svg I will then save, so I copy and paste the photo into the .ai file, it shows up in my layer, all is well. At this point, I embed the photo. I then "Export">"Export As", and choose SVG, using Artboards. I select "Presentation Attributes", "Convert to Outlines" (moot), "Embed", Minimal, 2, Minify, Responsive, then click OK. Every time, the photo file is then deleted from my hard drive. After a few moments, AI will ask me to replace the file (or if I save the .ai file and re-open it). What am I doing wrong that the photo files are being deleted from my hard drive?
Without actual system info and details like where you are saving nobody can really tell you much, but on a hunch I'd say it's perhaps that old gag of using the same file name, but without a file type extension on a Mac? Just guessing here, but perhaps that's the simple answer to your conundrum. Anything more will require some technical information.
Thanks for your response! The photo file is on a network drive, and I'm saving the SVG to a different subfolder on that drive. All of the files are in the same folder for the project, though, just in different subfolders. Let me know exactly what details you need about where I am saving. I'm not using a Mac, unfortunately. Using different file names. I tried dragging and dropping the photo onto the .ai artboard, as well as copying and pasting--both delete the "linked" photo's file after exporting to .svg.
It's almost like because I'm embedding the photo in the .svg file, Illustrator removes it. There's something going on that I just don't understand with .svg exports, I think.
Here's my system info:
Have you tried saving your svg file into the same folder hierarchy on the network drive? I believe all files associated with the svg should be within the same folder and not put in a different sub folder location.
I just tried this and the file was still deleted (and with a two-monitor setup, I can actually watch it disappear as the .svg is exported). Here's the exact example of what happens (same settings for SVG "Export As" as above):
Open .ai file from P:>Testimonial>OnlineProfiles>FeatureImages, copy and paste image file (EXAMPLE.jpg) from file on the network drive P:>Testimonial>OnlineProfiles>ProfileImages. Edit as necessary for size, then click "Embed' in AI while the photo is selected. Select "Export As" and save the .ai file as .svg, this time to P:>Testimonial>OnlineProfiles>ProfileImages (same folder where EXAMPLE.jpg is located). After successful export, EXAMPLE.jpg is gone.
At least it's consistent?
Darn. I am on a Mac and mimicked your steps and cannot find the same issue happening.
Thank you SO much, kind stranger, for helping me by testing it out on your rig! I will try starting from scratch with a new .ai file and seeing if it still does it, and I'll let you know what happens.
TL;DR: W/ brand new .ai file and everything the same as above, file disappeared again. Did not disappear when exporting as .jpg. Not sure what to do.
Created new file, in this case a template "Web, Common 1366 x 768 px" for expediency.
Did exact steps as above with adding photo to new .ai document.
Exported as .svg with same settings as above.
.jpg file still vanishes.
I even tried it without clicking to "Embed" the photo. Same result, .jpg vanishes.
For giggles, I exported as a .jpg. The file did not disappear. So there is definitely something strange going on with my settings for exporting .svg files, or I am just missing something.
Can you share screen shots of your SVG options when saving/exporting?
Saving .ai file:
Exporting .svg: (On the previous menu to this, I selected "SVG" from the dropdown and checked "Use Artboards".)
Are your images embedded in the file before you export?
I click the "Embed" button. Here's a screenshot of the .ai file with the photo selected--because it shows "umembed", I assume they are still embedded (I did click Embed).
I would just like to confirm that this has also been happening to me, and I have come to pretty much the same conclusion, for the moment. It seems like Illustrator deletes the original .png image file that was used to place the image in the document. Only when exporting to SVG, only when the Embed option is selected. I am on a Mac, running High Sierra, saving to a DropBox folder.
I have still not found a solution. My workaround for now is to quickly make a copy of the photo asset in the folder and add that copy to my Illustrator file. When it's deleted, it doesn't matter.
I'll return if I figure it out or if this is solved in an update!
Copy link to clipboard
@Ton, will do, thank you!
Yes, Dave, it seems to be a very rare issue--which is what makes me still think I'm doing something wrong. Thanks!
I'm trying to replicate your problem. I haven't had issues as of yet.
Also having the exact same issue on Windows; and on MacOS the background image that's an image linked is never exported to SVG.
Yup, I am having the same issue, I created a clipping mask in illustrator with a background png image and a vector file, and converted to svg, everything worked well, but when I delete the original background image or move the converted svg to a different location the backgroung image in the svg simply disappears, and if I share the svg file with someone the same issue occurs in their system, seems like changing the path of the background image created the issue.
This means I cannot share the converted svg with anyone.