How to make a GIF from images

You do not need a video to make a GIF. Start with a few photos or screenshots, put them in order, and choose how long the pictures stay on screen. Played repeatedly, that sequence becomes an animated GIF.

A GIF can do two different jobs. A quick sequence of closely spaced photographs makes a person dance or an object move. A slower sequence gives viewers time to study a product, read an offer, or follow a practical step. The source images and the pace determine which result you get.

Start with the five steps in Image to GIF Maker, then see how the same choices work for movement, product showcases, advertising, greetings, and photo stories. Each case pairs its source pictures with a finished GIF. Every finished example opens in the editor with its source pictures and settings.

Start with the pictures you have

Choose pictures that belong to one sequence. For movement, use consecutive shots from a burst: the camera stays in place while a person changes pose. For a product, pick different angles. For an advertising banner, prepare a few complete graphics with the same dimensions. For a tutorial, photograph the preparation, key actions, and finished result.

The numbered sheets show the pictures in playback order: read each row from left to right, then continue below. Their numbers stay outside the finished animations. The first set contains four photos of the same bag; keeping its size and background consistent makes the changing angle easy to follow.

Make your first GIF in Image to GIF Maker

1. Upload your images

Open the maker and remove any sample pictures you do not want in the result. In Images, use the plus tile to upload your JPG, PNG, or WebP files. The current editor accepts up to 15 images, with a 5 MB limit for each file.

Three or four pictures are enough to compare product views or cycle through short headlines. For movement, choose more closely spaced positions that cover a complete gesture. Check that every thumbnail belongs in the sequence. To remove a picture, hover over its thumbnail and use the small cross.

2. Put the photos in order

Drag the thumbnails into the order you want. For a product, arrange the views so its shape is easy to follow: turn steadily around it or alternate front and side views. For a reaction, put the setup before the response. For a tutorial, follow the order of the task.

Check the last-to-first change too: a GIF loops. The final photograph will be followed immediately by the first one.

3. Choose an aspect and check the crop

Under General, choose Aspect first. Use a square for a square product set, or a landscape aspect for landscape photos. Inspect every frame in the preview. If a face or a useful control disappears at the edge, change the aspect or prepare a more consistent crop before uploading.

Use Round only if you want rounded image corners. The examples use 16 px, except for the coffee tutorial, which uses 12 px. Choose 0 for square corners.

4. Choose the transition and viewing time

Start with Transition → None. Each photo then replaces the previous one directly. Set Delay to control how long each picture stays on screen. The same delay applies to every picture in the sequence. The default is 0.5 seconds; increase it for details or text, and decrease it for a quick change of pose.

For a softer change between distinct views or moments, choose Dissolve. Motion then controls the duration of that transition. Start with Motion at 0.5 seconds and adjust Delay separately. Increase Delay for more reading time, or Motion for a more gradual blend.

5. Preview the loop and download the GIF

Watch at least two loops. Look for an accidental extra picture, a bad crop, a frame that passes too quickly, and an awkward restart. Adjust one setting at a time so you can see what changed.

Open Download, choose GIF, and select an output width appropriate for where you will share it. Check the downloaded file at that display size: small lettering and product details should still be clear. The cases below give the exact settings used for each example, so you can start with a similar result and adjust it for your own pictures.

Burst photos: make people dance

A burst of photos captures a movement in small steps: a hand rises, shoulders turn, and feet change position. Play those pictures quickly and the separate poses read as a dance. This works well for a party reaction, a team celebration, or a playful message to friends.

Keep the phone still, fit everyone into the frame, and capture one short gesture with burst mode. Pick consecutive pictures that cover the gesture through to its finish. A short, complete move works better than unrelated poses from across a whole evening.

For this example, we prepared fourteen consecutive stills from a dance clip by MART PRODUCTION on Pexels. They demonstrate the changing poses you would get from a burst. You can open all fourteen pictures in Image to GIF Maker to keep the gesture complete, then change their order or timing.

The example keeps the capture order and uses a 16:9 canvas, no transition, and 0.1 seconds per picture, producing a 1.4-second loop. In the editor, use Aspect → Landscape 16:9, Transition → None, and Delay 0.1 s. Direct changes keep the movement crisp; dissolving between poses would make the dancers overlap.

Edit this example

Watch the gesture through its finish before deciding where to end the sequence. For a repeating sway, choose an ending close to the starting pose. If the movement feels rushed, try 0.2 seconds per picture; if it jumps between poses, select shots taken closer together.

Product photos: show different angles

A product GIF lets shoppers compare several views in one place. A front view makes the shape recognizable, while angled views reveal depth, handles, and side details. Keep the product at a similar size against the same background so attention stays on the item as the pictures change.

The bag photos introduced earlier form a back-and-forth sequence: an angled view, the front, the opposite angle, and the front again. Repeating the front view gives the eye a familiar reference between the two sides.

Drag the thumbnails into that order. Set Aspect to square, Transition to None, Delay to 0.7 s, and Round to 16. Export at 720 pixels wide.

Edit this example

At 0.7 seconds per view, the GIF gives shoppers time to compare the bag’s shape and details. For a smoother turn, photograph additional angles at even intervals and play them faster.

For color options, use the same sequence but keep the product's pose identical in every image. For a detail preview, put the full product first and the close-up after it.

Advertising banner: turn campaign graphics into a GIF

An advertising GIF can try several short headlines while keeping the product and call to action visible. Each frame works as a complete ad, so viewers can understand the offer wherever they join the loop. Use it as a website promotion or a newsletter banner linking to the featured product or collection.

Our fictional Daybreak coffee campaign uses four finished graphics. Each keeps the brand, coffee pack, and call to action in the same area while the headline and background change. Prepare the words and product artwork in your design app, then export each frame as a PNG at the same size. Image to GIF Maker assembles these pictures into the animation.

Upload them in message order, set Aspect to Auto, and use Transition → None. Set Delay to 1.2 s and Round to 16. Export at 1000 pixels wide for a 1000 × 556 banner. The four short headlines play over a 4.8-second loop while the pack stays recognizable.

Edit this example

Make the opening frame useful on its own: show what is being offered and where the viewer should go. Keep the action visible throughout the loop so someone can click as soon as they are interested. The button drawn into the GIF is part of the picture; link the whole image to the product or campaign page when placing it on a website or in an email.

For your own campaign, try a new collection, a course launch, or an event announcement. Keep one main idea per frame and review the banner at its actual display size. If the headline needs another second to read, increase Delay or shorten the copy.

Illustrated greeting: bring a card to life

A greeting does not need a different message on every frame. Keep the words still and animate a few decorative details around them. It is an easy way to turn a birthday illustration into a personal message, or add a little movement to a thank-you card.

The four PNGs in this example share the same canvas, lettering, and balloon colors. The balloons and small underline shift while the lettering stays fixed. The balloon positions move from center to one side, back through center, and to the other side, creating a repeating sway.

Choose square Aspect, Transition → None, and Delay 0.3 s. Export at 1000 pixels wide. The resulting 1.2-second loop keeps the greeting readable through every change.

Edit this example

Use the same approach for a blinking character, a waving hand, or a flower opening beside a note. Duplicate the original artwork before moving a detail so the rest of the composition stays perfectly aligned. Make the greeting part of each source image, then share the finished GIF in a message or email.

Photos of friends: make a playful reaction loop

For a personal recap, the pictures can capture separate moments rather than consecutive poses. These four beach photos show different combinations of people and expressions. Together they make a short memory of the day, with each change revealing another moment.

Keep the landscape crop, choose Transition → None, set Delay to 0.6 s, and export at 720 pixels wide. Direct changes give the sequence a quick, photo-booth rhythm.

Edit this example

For a funny GIF from your own friends' photos, make the order do the work: a straight face, a surprised expression, and a laugh. Try a shorter Delay for a rapid reaction, or a longer one if the joke needs a moment to register. Use photos the people pictured are comfortable sharing.

For a gentler recap, keep the same pictures and switch to Dissolve. Try Delay 1 s and Motion 0.5 s. Keep the blend short so each face settles into a clear view.

Simple animation: make a bag pack itself

With stop-motion, you create the changes between pictures yourself. Keep the camera fixed, move an object a little, and take the next photo. The same method works with paper cutouts, small objects on a desk, or drawn poses.

Our packing demo uses eight stages: objects approach an open backpack, go inside, and the bag closes. Each picture advances the action, so playing them in order makes the bag appear to pack itself.

Upload the frames in order. Use Aspect → square, Transition → None, Delay 0.2 s, and Round 16. Direct changes make the objects’ new positions easy to follow.

Edit this example

Eight positions give this example a deliberately stepped rhythm. Smaller changes between shots create smoother movement; use the GIF frame-rate guide to choose a pace for those extra positions. The closed bag resets to the opening scene when the loop repeats. For a continuous loop of your own, plan an action that returns toward its starting position.

Photo instructions: show how to make filter coffee

Choose photographs of a task with a visible sequence. A recipe, a craft project, or a small repair works well: each picture should show a different action, and the final picture should show what you made.

The four photos from the Starbucks pour-over guide capture the main stages of brewing: rinsing the filter, adding coffee, pouring water, and serving. Together they give readers a visual overview to accompany the full instructions.

Upload the four photos in order and set Aspect to Auto to preserve their matching proportions. Use Transition → Dissolve, Delay 0.8 s, Motion 0.25 s, and Round 12 px. Export at the source width of 560 pixels for the 560 × 345 result shown here.

Edit this example

The 4.2-second loop works as a quick overview. To give readers time to study each action, increase the delay to 1.5–2 seconds per photo. Place the full recipe and its timings beside the GIF, or link to the original guide. For your own tutorial, take close photos with a clear view of the hands and tools, and avoid changing the viewpoint unless it helps explain the next step.

If your source is already a video, use Video to GIF Converter instead of extracting individual pictures first.

Separate viewing time from motion smoothness

Delay is the time on a picture. Motion is the time spent transitioning to the next picture. Motion is hidden when Transition is None. Use the settings from the finished examples as starting points, then adjust the pace to suit your own pictures.

With no transitions, multiply the image count by Delay to get the loop duration. The coffee example also includes a 0.25-second dissolve for each picture, so its total is 4 × (0.8 + 0.25) = 4.2 seconds. Reading time comes from the pause on each picture; smooth frame-by-frame movement comes from closely spaced source poses.

For layouts that show several pictures at once, try GIF Slideshow Maker. The slideshow guide demonstrates its multi-image layouts and transitions.

Fix the sequence before exporting again

Check the exported GIF at the size where you plan to share it. Make sure faces and product details are clear, and that each tutorial step stays on screen long enough to follow. Watch the loop repeat, too. If the jump from the last picture back to the first feels abrupt, try changing the order or ending on a different photo.

If the result looks right but the file exceeds an upload limit, use GIF Compressor to reduce its size without rebuilding the sequence.