Skip to main content
Participating Frequently
July 8, 2019
Question

Photoshop "Export-As" insists on cropping image - how to avoid?

  • July 8, 2019
  • 7 replies
  • 9290 views

I have a transparent png image 256 x 256, and need to create an outline path from this and export this as .svg.  I can create the path and a cut-out layer from the path, no problem, but when I go to "export as" this layer, the image is automatically cropped to the limits of the path.  Yes, I can manually reset the canvas size up to 256 x 256, but as the image is asymmetric, the svg output ends up shifted laterally relative to the .png source.  

This totally does not work for me, as I need the .svg to align with the .png image (they are for use in a 3d modeling program).   What I need is a svg export in the original (256x256) size.

Using Photoshop CC 2019 (20.0.5 release) on a PC under Win-10 pro v1809

Anyone have any idea how to accomplish this (apparently simple) aim?   Thanks!  jb

This topic has been closed for replies.

7 replies

Participant
May 5, 2022

Hello! 

 

I was having the same issue and after countless painstaking hours...I found a solution that is not the best, but it worked for me.

 

After changing the canvas size on Photoshop, the orientation of the images and removing the background, I exported as a .psd file and then opened it up on Photopea (online website) and then exported it as a .png from there.

 

It exported it perfectly without the cropping.

Stephen Marsh
Community Expert
Community Expert
May 5, 2022

Why not use Save As/Save As a Copy: PNG?

Participant
May 5, 2022

Some users (including me) are having issues with the way that it crops the image when exporting simply with: Save As/Save As a Copy: PNG, also even after changing the canvas size and image size in the 'Export As' tab.

Participant
April 11, 2022

Same problem here - so so SO annoying!

Participant
November 25, 2021

Also experiencing this. It's needlessly causing me hours of pain. The image centers in the frame unexpectedly and renders the art useless. <<sigh>>

damian_os
Inspiring
April 13, 2021

also experiencing this issue. ps insists on cropping 'export as' images. it only happens after i try to change the 'image size' settings. almost as if it is confusing 'image size' with 'canvas size' – the image stays the same size but the canvas size changes, cropping the image. even worse, it then remembers the setting for this particular image so i can't cancel and retry - even after restarting ps.

 

i can open another image and export as without problem. it's very random and extremely frustrating. currently the only workaround i can see is to use the legacy 'save for web' function. not ideal.

Abambo
Community Expert
Community Expert
July 9, 2019

I'm unsure what you want to do, but I would model a square in my 3D program and past the picture as a texture on. No need for Photoshop here.

ABAMBO | Hard- and Software Engineer | Photographer
JB-FlashAuthor
Participating Frequently
July 9, 2019

dear Abambo,

Thanks for the suggestion.   Apologies for not being clear.   The difficulty is that I want my 3d objects (rendered vis three.js and webGL) to appear as not squares, but as cut-outs with the shapes of the objects, hence the .svg files which carry the cut-out info and the .png's carrying the texture images.  If these are misaligned one-to-the-other, the result is wrong.

Best regards, jb

Abambo
Community Expert
Community Expert
July 9, 2019

I see, for your situation it is necessary to use your approach. :-)

kglad​ 's response was not blank. He moved your entry to the Photoshop forum, as your question is Photoshop related. That's also what he said.

ABAMBO | Hard- and Software Engineer | Photographer
Sahil.Chawla
Adobe Employee
Adobe Employee
July 8, 2019

Hi there,

Not sure if I understand the question correctly, could you please share some screenshots as that would helpful for us to suggest some steps.

Regards,
Sahil

JB-FlashAuthor
Participating Frequently
July 9, 2019

Thank you for looking at this.   I have tried three approaches to generating the assets.   While one of the approaches does create what I need (yay!), I do not understand why it would differ from the others, which leads me to suspect that the (desired) behavior is accidental, and likely to stop working in a future photoshop revision.  

Please let me know your thoughts and how you suggest I proceed.   Thanks so much, jb

-----------------------------

Screenshots

1. 256x256 original image, trimmed with eraser

2. selection to outline by ctrl-clicking on layer in layer list

3. path created from selection

4. layer created from path

------------------------------

APPROACH 1: Right-clicking and export-as

5. right-click on layer with path, export-as.

NOTE: size trimmed to 103 x 188

6. canvas size manually forced to 256x256 in the form.

NOTE: while size is now 256 x 256, image has been shifted to right of center,

so alignment to original and to .svg is destroyed.

7. right-click on layer with cut-out image, export-as.

NOTE: size trimmed to 109 x 195

------------------------------

APPROACH 2:  Use alt-shift-ctrl-w (which should be the same as "export-as", but isn't)

8. select image layer, alt-shift-ctrl-w.

NOTE: size not trimmed (yay!)

9. select path layer, alt-shift-ctrl-w.

NOTE: size not trimmed (yay!)

------------------------------

APPROACH 3:  Use Generate-Image-Assets (automatic)

10. Layer names changed to "approach 3" and file > generate > image assets clicked

NOTE: results trimmed the same (useless) as Approach 1.

kglad
Community Expert
Community Expert
July 8, 2019
JB-FlashAuthor
Participating Frequently
July 9, 2019

kglad,

Your reply was blank.  Please try it again.  Thanks jb