How to turn images into a GIF
Choose a source
Choose one PNG, JPG or WebP image to animate it, or add multiple images for a frame sequence. You can select up to forty images at once or add them one at a time. Name numbered files before selecting them if the order matters.
Set up the result
With one image, choose a motion effect and preview the loop. With multiple images, use the arrows to change the order and set the frame delay. Watch the transition from the last image back to the first.
Save the result
Download GIF when the sequence looks right. Keep the source images if you plan to change them later. You can load them again to make a slower cut or change the order.
Settings and controls
Image order
For a sequence with multiple images, each file becomes one frame. Use the up and down arrows to place your pictures in sequence. Compare two adjacent images in the order list when the preview jumps. An unexpected jump often means the photos were chosen in a different order than you expected.
Frame delay
For an image sequence, the same delay applies to every frame. Use a shorter delay for a stop-motion sequence with small changes from shot to shot. Hold each frame longer when people need time to study product angles, screenshots or pictures with captions.
Canvas and aspect ratio
The output is a 480 by 270 canvas. Each picture is fitted inside the canvas without stretching. Different aspect ratios can leave transparent space around some images. Using similarly framed sources helps the subject stay in the same place between frames.
Ways to use this tool
A stop-motion loop
Take a series of photos with the camera in one place. Move one object a little between shots, then load the photos in the order they were captured.
Product views
Combine the front, side and detail shots of a product. Choose a delay long enough to recognize each angle. A simple final-to-first transition makes the loop easier to follow.
A screenshot walkthrough
Show a few stages of an interface change. Crop the originals to a consistent aspect ratio, then check that the main labels remain readable after export.
Before you share the result
Choose how much the subject moves
For a comparison, line up the main object in the same place across the source photos. For a sense of motion, change one part of the scene a little at a time. Compare a fast preview with a slower one. A short delay can hide detail that you want people to notice. Two well-matched frames can make an effective before-and-after GIF.
Check the seam
Watch what happens when the last photo returns to the first. If there is a jarring jump, try rearranging the source images or use a similar image at the beginning and end. For an ordered process such as a walkthrough, the jump can signal that the sequence is beginning again.
Prepare large photos first
Images from a camera can have much more detail than a small GIF can show. Crop and resize the originals first if your browser struggles. Consistent lighting and framing help maintain the appearance of the subject while reducing the number of unrelated changes from frame to frame.
Keep a working copy
The editor works in your current tab. Save the download and keep the original materials if you expect to make another version. If the browser runs out of memory, close other tabs and try a smaller source. Very large animations are easier to work with when you prepare a shorter clip or reduce the source dimensions first.
Preview at the size people will see
Look at the exported result where you intend to use it. A chat thumbnail, slide or product page can display the same animation at very different sizes. Check that the important details are visible at the smallest size. On a page where the animation communicates a step or a message, provide a short static explanation nearby.
Frequently asked questions
Can I make an animation from one photo?
Yes. Choose one image and select Slow zoom, Float up and down, or Sway side to side. These effects move the whole image. If you add a second picture, both pictures become frames in a sequence you can reorder.
Which files work?
Choose PNG, JPG or WebP images that your browser can open. The editor accepts up to forty files, twenty megabytes per file and sixty megabytes in total.
Why do some photos have empty space around them?
Images fit within the wide output canvas while retaining their proportions. Tall or square sources can leave transparent margins. Prepare the source images with a consistent wide ratio to fill the canvas more evenly.
What if the slideshow moves too quickly?
Increase Frame delay and watch the preview again. A short delay fits a motion study. A longer delay gives people time to compare details across slides.
Will my photos stay in the browser?
The conversion is local to the tab. Save the output before closing or refreshing the page. To revise the animation later, load the source photos again.