Photoshop 2020 save for web exporting as GIF, even when selecting PNG or JPEG.

[AlexM1990]

Trying to save out some images from a slice with the export for web function but the software seems to be spitting out GIFs all the time. I've tried outputting JPEG and PNG but the export function will only give me GIF format files.

Is anyone else having this issue?

Edit: To be more clear, when I select JPEG it exports the images, but the file types are GIF instead of JPEG. This is the same for PNG.

[Jeff Arola]

What operating system are you using?

[AlexM1990]

Currently using windows 10. Both the other designers in the office are having this same issue. 

[casalino_j]

I also see this issue on Windows 10 1903, with Photoshop 20.0.x and 21.1.1. I get the first slice in the specified format, the last slice in .JPG, and the inbetween slices all in .GIF. It does not matter if I set the size for the slices or not. It does not matter if I choose PNG, GIF or JPG as the initial format.

I'm also having issues actually using/uploading those images elsewhere like Google Photos, as they're interpreted to be corrupt.

[magnetic_visionary0D44 · Accepted solution]

Had same issue. Played around a bit & found a fix

-> goto save for web
-> click on Original or Optimized
-> ctrl+shift + click on all the slices
-> Choose format

and boom

[MarianneJJ]

Thank you so much, I am in a massive rush and this fixed it!!

[magnetic_visionary0D44]

No problem 🙂

[jesser44166856]

I know this was over two years ago that you posted, but thank you so much for that fix! I was going crazy thought I was doomed to a gif format. But I saved it and now I have jpegs!

[andreabarbozac]

I tried with that and nothing.. still getting the images in gif format, if i click one it gives me PNG or JPG but if i click more than one it gives me gif format... any other advice that could help? :8 :´(

[Dan Morose]

If anybody else has issues with this, do what nihalhgraphics suggested, then select "Done."
After that go back in to the "export for web" select all the slices and then try saving again.

Not sure what the issue is, but it just wasn't saving any of the options I made if I went straight to "Save."

[Rieper]

This is what worked to me! What is funny is that, I'm getting the same problem in the new versions from PS, in the Mac OS

[Mitchell_Campbell1434]

I'm having the same problem on PS for Mac. I have tried literally everything. I had to save 30 slices one by one to get them as PNGs! I dont understand why the dialouge box says PNG but its sent to finder as a gif.

[Leslie5C18]

Just wanted to put out there that this also worked for me! Super helpful, thanks.

[David_05]

Yeah, this worked for me as well! Thanks ^^

[Timmybamidele]

Thank you so much1 This was a huge lifesaver!

[FluoreKaiju]

Thanks you so so so so much

[defaultphu825buuoo6]

THANK YOU

[Avinet67]

Thank you!

[SydGraham]

2022 Update:

Photoshop 2022, Release 23.4.1 on Windows 11

• Create a new file 960x960px with white background and 8 or 16 bit depth, choose sRGB IEC61966-2.1 as the color profile
• Use a vertical and horizontal guide to divide the image into 4 (i.e. four x 480x480px)
• Select the Slice Tool (in the crop section)
• Click Slice From Guides
• Select File - Export - Save For Web
• I chose 50% magnification to see all 4 slices - change to suit
• Click on the first slice then Shift + Click the other slices to highlight all of them
• Under Preset I chose JPEG High
• Ensure the image size is still 960x960px
• Click Save
• Choose a folder to save to
• Delete everything in the File name box (this still may show the gif extension) and enter a name of your own
• Save
• Open the folder and your 4 jpg images (measuring 480x480px each) will be there
• To check for success and perfect alignment create a new file 960x960px with white background and 8 or 16 bit
• depth, choose sRGB IEC61966-2.1 as the color profile
• File - Open (select all 4 jpeg images)
• In Photoshop drag each image into the new 'white' image and position - use guides to aid registration
• Alternately you could use File - Place Embeded instead of drag and dropping files

NOTE: do not mix file dragging with embedding, I tried with 3 drag and drop then embeded the last one, they all aligned perfectly however the embeded image lacked a little saturation and was slightly lighter in the dark areas and dark in the lighter areas (tried a Levels adjustment but could not get it to match?). For this reason I would chose the drag and drop method as the images matched the original.

[handry26217208dph9]

The image that adobe chose in submenu 'save for web' only just the last slices is correct with your save setting. if u want to apply all the slices to your current setting, you have to pick all of the slices. How?
On the preview screen, zoom out to 50% or less until you can see all of the slices, and then click Cmd + A or (Ctrl+A) to select all the slices, then pick your save setting and boom. Done

[Owl Eye Photography]

Hey, this is not working for me or any of the methods below.

[bobolots]

I wanted to add that ctrl+shift+click  did not work for me, but shift+click did on 04.03.2024. Thanks for all the suggestions!