How do I export a Photoshop image as an SVG and save as an image to upload in Indesign?

[#1]

Hi,

How do I export a Photoshop image as an SVG and save as an image to upload in Indesign? It keeps saving as an Internet Explorer code, not an image I can upload in other CC files.

It successfully saves as an SVG finally, but each time I go to either import or place it just gives me a code. I don't know where to place code in Indesign yet, and I just want to be able to have an svg image on file.

Thanks!

[#2]

Hi,

How do I export a Photoshop image as an SVG and save as an image to upload in Indesign? It keeps saving as an Internet Explorer code, not an image I can upload in other CC files.

It successfully saves as an SVG finally, but each time I go to either import or place it just gives me a code. I don't know where to place code in Indesign yet, and I just want to be able to have an svg image on file.

Thanks!

[#3]

Moving to Photoshop General Discussion‌

[#4]

Perhaps Creative Sync library would do that under the covers. CreativeSync - Adobe MAX 2015 - Create with Impact - YouTube

[#5]

Hi

Greetings !!!

Here are the steps that show how an image be saved as SVG from photoshop :http://creativedroplets.com/generate-svg-with-photoshop-cc-beta/

Also I would recommend Adobe Illustrator for SVG images.

As it comes to your second query of InDesign.

Open Indesign

Click File-> Place and check the import options

Now choose your SVG file, it will give you the import options of that SVG image.

Regards

Jitendra

[#6]

Hi again,

I've seen that link for the Photoshop 2014 update! However, my 2015 one doesn't have the "extract assets" options; also when I tried to do this before the update it still saved my image as a code, not an actual image

[#7]

The Extract Assets thing got changed in CC2015. Now it's File  >  Export  >  Quick Export as [file format]. The default setting is PNG. To get it to be SVG, you have to go to Edit  >  Preferences  >  Export... and choose between PNG, JPG, PNG-8, GIF or SVG. Counterintuitive? Well, uh, hmmm.

I don't have a copy of InDesign, but I created a SVG and threw it into Inkscape. It opened properly.

[#8]

I haven't heard on Inkscape but will look into it, but surely there has to be a way to do this on Adobe that I'm just missing? Still new to CC so I thought I'd ask on here.

[#9]

Hi saras28135836

Yes you can try the steps that PBArtattack suggested.

Yes I forgot that new CC 2015 have the changed option of extracting assets that PBArtattack explained.

Regards

Jitendra

[#10]

Hi guys,

I'm sorry, I might not be making my issue clear. I have already changed my export preferences/quick export to SVG, that part is successful, but when I go to import this SVG file into Indesign, it just gives me the code to paste/place in, not the actual image. Is there a way within Adobe CC to turn this code into the actual image to copy/paste in?

[#11]

Hi

Would you be able to share that SVG image so that we can try that at our end.

Regards

Jitendra

[#12]

I really should keep out of this because this is outside my area of competency (ha!), but apparently the only way you can import/place a SVG in InDesign is to first open it in Illustrator and convert it to AI or PDF and then import it into InDesign.

https://www.quora.com/Why-does-Adobe-InDesign-still-not-support-the-placement-import-of-SVGs-in-CS6

The link dates from 2012, but I don't think the situation has changed.

Btw, Inkscape is the open source equivalent of Illustrator; they're both for vector graphics. Mind, I'm not pimping for non-Adobe products, it's just that I do so little vector work I can't really justify the expense of Illustrator.

[#13]

In Photoshop you can save an image as an svg by going to File > Export > Export As. Under file settings choose svg, then Export All.