Export (save for web) animated gif

Forum|Forum|4 years ago
February 17, 2021
3 replies
6952 views

Hi, I'm learning how to creat animated gifs. When I export and save for web, I choose my file option (GIF), preset (Gif 128 Dithered) and colors (256). I preview it and everything works. When I click save it comes up as format (HTML and image), HTML only, or images only. And the extension is .html. When I hit save, it gives me a folder called images (but there is only one file, called .gif) and then it also gives me a file with .html. How do I get it so I have just one file that is an animated gif?

This topic has been closed for replies.

Conrad_C

Community Expert

@jlhiller wrote:

When I click save it comes up as format (HTML and image), HTML only, or images only. And the extension is .html. When I hit save, it gives me a folder called images (but there is only one file, called .gif) and then it also gives me a file with .html. How do I get it so I have just one file that is an animated gif?

If you want just one file that is an animated GIF, you should not select “HTML and Images” in the Format menu. Select “Images Only” instead.

“HTML and Images” is usually for when you have created a design with multiple pieces that needs HTML code to hold it together, such as a document where you used the Slice tool.

Conrad_C

Community Expert

Well, I’m not sure what the problem is. It sounds like you are doing everything right. If you select Images Only, you should get one animated GIF with a .gif extension at the end. I am using Photoshop 22.2 on macOS 10.15.7.

After looking at your helpful screen shots, I set up a new document the same as yours: Two frames, 0.2 second delay on both. It animates in the Timeline panel, and it animates in Save for Web when the Format set to GIF.

The difference is, when I export, I get an animated GIF that alternates between the two frames and loops, which is what I think you want. Also, my file has a .gif filename extension. So it’s puzzling why it isn’t working for you.

Ignore everything about setting the save format to HTML and Images, so that you do not have to deal with the folder nesting and all of that stuff. That is all a pointless side road that you don’t have to go down, because all you want is one animated GIF file. Stick with the Images Only route and focus on troubleshooting that, because it should work.

One big thing that could be a variable here: Your dialog box looks like you are using macOS 11 Big Sur. There seem to have been some problems related to the filename extension being filled in on that version of macOS. When the GIF is exported, do you add the .gif extension to it, or try to play it as is? Have you tried adding the extension and then see if it loops right on the desktop or in a web browser?

JJMack

Community Expert

I've been selecting GIF in the pull down menu since the start (I was following Adobe Photoshop's "How to make an animated gif in Photoshop article". I followed it to the letter. Still having issues.

If Photoshop is not working correctly reset all you Photoshop Tools and your Photoshop preferences. See it the solves your Photoshop issues when you restart Photoshop. I use Windows you use a Mac there may be some Issues in Mac Photoshop versions I do not know of. There have been many changes apple has made to their OS and hardware lately.

JJMack

Community Expert

The HTML file should be in the folder that the folder Images is in. Images parent folder

JJMack

J

jlhillerAuthor

Participating Frequently

When I put it in the same folder as the images and then click on the html file, the gif opens in a browser. If I put it in the folder with the images, it doesn't work (broken image).