Export your GIF in Photoshop using File > Export As

To export a GIF from Photoshop, go to File in the menu bar, then select Export As. A dialog box opens. At the bottom, change the file format dropdown from "Photoshop" to GIF. Name your file, choose where to save it, then click Export. Photoshop will ask you to set GIF options — choose your color settings and whether you want the animation to loop — then click OK. Your GIF is now saved.

This path works whether you are exporting a still image as a GIF or an animated sequence. The difference is in the options Photoshop shows you after you click Export. If you built your animation using layers or the Timeline panel, Photoshop recognizes that and gives you animation controls. If you are exporting a single flat image, you get only color and size options.

Key Takeaways

  • Use File > Export As, not File > Save As, because Save As keeps the file in Photoshop format and does not give you GIF options.
  • For an animated GIF, each layer or timeline frame becomes one frame of the animation — organize these before you export.
  • The GIF options dialog lets you choose between Perceptual, Selective, or Adaptive color reduction, which affects file size and appearance.
  • GIF files support transparency, so a transparent background in Photoshop will stay transparent in the exported GIF.

The difference between Export As and Save As

Photoshop has two export paths, and using the wrong one is the most common mistake. File > Save As saves your work in Photoshop's native PSD format, which preserves all your layers and editing history. It does not create a GIF. File > Export As converts your image to a different format — GIF, PNG, JPEG, WebP, and others — and flattens or processes the layers according to that format's rules.

If you have used Save As before and ended up with a PSD file instead of a GIF, that is why. Going forward, always use Export As when you want to create a GIF or any other web-ready format. Save As is for saving your working file so you can edit it later.

Setting up your layers for animation

If you are exporting a still image, your layer setup does not matter — Photoshop flattens everything into one frame. But if you want an animated GIF, each layer becomes one frame of the animation, playing in order from bottom to top. Before you export, organize your layers so the sequence makes sense.

Name your layers clearly so you can see the animation order at a glance. If you have 12 layers for a 12-frame animation, Photoshop will create a 12-frame GIF. If you have extra layers you do not want in the animation — like a background or text layer that should appear in every frame — put those on a single layer at the bottom and they will show through in all frames.

Alternatively, use Photoshop's Timeline panel to build your animation frame by frame. Go to Window > Timeline, then click Create Video Timeline. This gives you more control over timing and lets you set how long each frame displays. When you export, Photoshop reads the timeline and creates the GIF accordingly.

Choosing color and compression settings

After you click Export and select GIF as your format, Photoshop opens the GIF Options dialog. The first choice is Color Reduction Algorithm, which determines how Photoshop converts your image colors to fit GIF's 256-color limit. Three options appear: Perceptual, Selective, and Adaptive.

Perceptual prioritizes colors the human eye is most sensitive to, which usually looks best for photographs and complex images. Selective preserves web-safe colors and works well for graphics and text. Adaptive analyzes your specific image and picks the 256 colors that appear most in it, which is a middle ground. For most work, Selective or Adaptive is the right choice. Test each one if the result matters — you can always export again.

Below that, you will see Dither options. Dithering adds a pattern of dots to simulate colors that do not fit in the 256-color palette, which can reduce banding but also makes the file larger. For graphics and text, turn dithering off. For photographs, a small amount of dithering keeps the image from looking posterized.

Check the Interlaced box if you want the GIF to load progressively in a web browser — it shows a blurry version first, then sharpens as it loads. This is less important now that internet speeds are faster, but it does not hurt.

Handling transparency in your GIF

GIF supports transparency, so if your Photoshop image has a transparent background, that transparency carries over to the exported GIF. Before you export, make sure your background layer is actually transparent and not filled with white or another color. In the Layers panel, if the background layer shows a checkerboard pattern, it is transparent. If it shows a solid color, click on it and delete the content or convert it to a regular layer.

If you want part of your image to be transparent in the GIF, make sure those areas are transparent in Photoshop too. Use the eraser tool or layer masks to create transparency. When you export, Photoshop will preserve those transparent areas in the final GIF.

Reducing file size for web use

GIFs can be large, especially animated ones. To shrink the file without losing quality, start by reducing the image dimensions. Go to Image > Image Size and lower the width and height. A GIF that is 800 pixels wide will be much larger than one that is 400 pixels wide, but it will look the same on most screens.

Next, reduce the number of colors. In the GIF Options dialog, lower the number in the Colors field from 256 to something smaller — 128, 64, or even 32 — and watch the preview to see if the quality is acceptable. Fewer colors mean a smaller file. For animated GIFs, also consider removing frames you do not need. If your animation has 30 frames but only 15 are visible, delete the extra ones before exporting.

Finally, use an online GIF compressor after export if the file is still too large. Tools like TinyGIF or Ezgif can shrink the file further without noticeable quality loss.

Frequently Asked Questions

Why does my exported GIF look blurry or have banding?

This usually means Photoshop reduced the colors too aggressively. In the GIF Options dialog, increase the number of colors from 256 to a higher value, or switch the Color Reduction Algorithm to Perceptual. If the image is a photograph, turn on Dither to smooth the color transitions. Export again and compare.

How do I control how fast my animated GIF plays?

If you used layers, each frame displays for the same duration by default. To change this, use the Timeline panel instead. Go to Window > Timeline, convert your layers to a video timeline, then click on each frame and set its duration in the small box that appears. You can make some frames longer or shorter to control the animation speed.

Can I export a GIF directly from a video file in Photoshop?

Yes. Go to File > Open, select your video file, and Photoshop imports it as a timeline. Trim the timeline to the section you want, then export as GIF. Photoshop will sample frames from the video and turn them into an animated GIF.

What is the maximum file size for a GIF?

Technically, GIF files can be very large, but most websites and email services have practical limits. Keep animated GIFs under 5 MB for web use and under 25 MB for email. If your GIF is larger, reduce the dimensions, lower the frame count, or compress it with an online tool.

Should I use GIF or MP4 for animation?

GIF is better for short loops and social media because it plays automatically without sound. MP4 is better for longer videos or when you need audio. GIFs are also larger files for the same content, so if file size matters, MP4 is more efficient. Choose based on where you are sharing it.