GIF collage maker

Put two to four GIFs in one grid and play them at the same time. Choose 2 × 1, 1 × 2, 2 × 2, 3 × 1 or 1 × 3, set the gap and the background colour, or leave the background transparent, and the collage plays for as long as the longest GIF while the shorter ones loop. This is not the same as combining GIFs: that tool plays them one after another. Nothing is uploaded.

Free · no sign-up · runs in your browser

Drop two to four GIFs hereor click to choose a file

GIF only · up to 4 files of 25 MB · nothing is uploaded

Layout (columns × rows)
Fit in each cell

The whole GIF fits inside the frame, with bars of the background colour where the shape differs.

Background
Frame rate

Your GIFs

Add GIFs to fill the grid. The first one sets the shape of every cell.

Preview

Your GIFs

After

Your new GIF appears here.

How to use it

  1. Add two to four GIFs

    Drop your GIFs onto the box or click to choose them. Each can be up to 25 MB and 300 frames. They are opened on your device and never leave it.

  2. Choose a layout

    Pick a grid. The first GIF sets the shape of every cell. Move GIFs with the arrows: the order is the order of the cells, left to right and then top to bottom.

  3. Set gap, background and frame rate

    Choose the cell width, the gap, a background colour or transparent, contain or cover, and 10, 12 or 15 frames per second. The preview plays the collage as it will download.

  4. Make the collage and download

    Press Make collage. The new GIF appears next to the preview with its size and dimensions, and Download saves it.

Examples made with this tool

Each example builds a collage from our own GIFs with the settings shown. The first frames of the source GIFs are on the left and the playing collage is on the right.

  • The original for this example. A bouncing ball and a neon Open sign playing side by sideOriginal
    A bouncing ball and a neon Open sign playing side by sideGIF collage
    Two GIFs in a 2 × 1 grid at 10 fps. Both play at the same time. The collage lasts as long as the longer of the two, and the shorter one starts over, so each looks the same every time round.Settings used2 GIFs in a 2 × 1 grid at 10 fps, cells 240 px wide, gap 8 px, contain fit, background #ffffff. Output 504 × 151 px.2 GIFs 164 KB (480 × 270 px) → GIF 41 KB (504 × 151 px), 8 frames
  • The original for this example. Three birthday GIFs for Sister, Friend and Mia in one rowOriginal
    Three birthday GIFs for Sister, Friend and Mia in one rowGIF collage
    Three 480 by 270 GIFs in a 3 × 1 row at 12 fps, with each cell covered by a centre crop, on a cream background. At 12 fps the delays alternate 8, 9 and 8 hundredths of a second so the total time stays exact.Settings used3 GIFs in a 3 × 1 grid at 12 fps, cells 200 px wide, gap 6 px, cover fit, background #fff8ef. Output 624 × 125 px.3 GIFs 253 KB (480 × 270 px) → GIF 64 KB (624 × 125 px), 12 frames
  • The original for this example. Four sticker GIFs in a 2 by 2 grid on a cream backgroundOriginal
    Four sticker GIFs in a 2 by 2 grid on a cream backgroundGIF collage
    Four transparent sticker GIFs in a 2 × 2 grid with a 10 px gap, on a cream background. The clear parts of each sticker show the cream, and every sticker keeps its whole picture inside its cell.Settings used4 GIFs in a 2 × 2 grid at 10 fps, cells 200 px wide, gap 10 px, contain fit, background #fff8ef. Output 430 × 430 px.4 GIFs 1.4 MB (320 × 320 px) → GIF 655 KB (430 × 430 px), 16 frames
  • The original for this example. Two emoji GIFs stacked, with a transparent backgroundOriginal
    Two emoji GIFs stacked, with a transparent backgroundGIF collage
    Two transparent emoji GIFs in a 1 × 2 stack with no gap and a transparent background, so the result can sit on any page colour. The soft edges are blended with white, because a GIF's transparency is on or off.Settings used2 GIFs in a 1 × 2 grid at 10 fps, cells 200 px wide, gap 0 px, contain fit, background transparent. Output 200 × 400 px.2 GIFs 653 KB (320 × 320 px) → GIF 277 KB (200 × 400 px), 16 frames

Collage or combine: which one do I need?

A collage plays GIFs at the same time, in a grid. Combine GIFs plays them one after another, so the result is longer, not wider. Use the collage for a side-by-side comparison, a set of reactions, a moving mood board or a banner of several loops. Use Combine GIFs for a sequence, such as a story told in three clips.

The two tools fit GIFs of different sizes in the same way, with contain or cover, but they choose the output differently. Combine follows the order and the length of the GIFs. The collage follows the layout and the longest GIF.

How the timeline works

The collage has a fixed frame rate of 10, 12 or 15 frames per second and lasts as long as the longest GIF. For every output frame, the tool works out the moment that frame starts and asks each GIF which of its frames is showing at that moment, starting again from the beginning whenever a GIF ends. A shorter GIF therefore loops in step with the rest, and every loop is exact.

At 12 fps one frame lasts 83.3 ms, which a GIF cannot store, so the delays alternate between 8 and 9 hundredths of a second and add up to the exact total. Source frames are picked, not blended, so a fast GIF can skip frames at 10 fps. Choose 15 fps for quick motion if the file size allows.

Layout, gap and cell size

Every cell has the shape of the first GIF. The cell width can be 160, 240, 320 or 480 pixels, and the whole collage is shrunk if it would be more than 1024 pixels on its longer side. The gap runs from 0 to 40 pixels, between cells and around the edge. A layout with more cells than GIFs leaves empty cells in the background colour, and a layout with fewer cells than GIFs uses only the first ones.

Contain keeps each GIF whole and fills spare room in a cell with the background colour. Cover fills the cell and crops the GIF's edges from the centre. Use cover for even tiles and contain when nothing may be cut off.

Transparent collages and file size

Choose a transparent background and the gaps and spare cell room become see-through, with the matte colour blending the soft edges. A collage has more pixels and often more colours than one GIF, and it shares one palette of up to 255 colours across all cells, so photographic GIFs can look rougher side by side. Smaller cells, a lower frame rate and a smaller gap all make a smaller file.

If the file is still too big, run it through the GIF compressor afterwards. The collage is capped at 300 frames and 30 seconds, like every export on this site, so at 15 fps the longest collage is 20 seconds, and at 10 fps it is 30 seconds.

Collage or combine

These tools handle the neighbouring jobs.

When a GIF collage helps

  • A side-by-side comparison

    Show a before and an after, or two versions of an animation, playing together.

  • A set of reactions

    Put three reactions in one row so people can compare them at a glance.

  • A moving mood board

    Fill a 2 × 2 grid with four loops that match in colour or theme.

  • A banner of loops

    Stack two loops, or line up three, for a wide banner with several things moving.

  • Product variants

    Show the same product in different colours at the same time.

How this tool works and its limits

This is what the tool does, and where it stops.

  • Your GIFs never leave your device. They are opened, combined and re-encoded in your browser, with no upload and no account.
  • A collage takes two to four GIFs of up to 25 MB and 300 frames each. The collage itself is capped at 300 frames, 30 seconds and 1024 px on the longer side.
  • The frame rate is fixed at 10, 12 or 15 fps. Source frames are picked, not blended, so a GIF with many fast frames can drop some of them.
  • Every cell has the shape of the first GIF. GIFs of other shapes are contained or covered, and they do not change the shape of the grid.
  • The whole collage shares one palette of up to 255 colours, so photographic GIFs can look rougher than they do alone.
  • GIF transparency is on or off. In a transparent collage, soft edges are blended with the matte colour you choose.
  • We built and tested the tool in current desktop Chrome. It uses ordinary canvas, workers and GIF decoding, and the list below checks your own browser live. We have not tested every browser.

Does your browser support this?

This list is checked against the browser you are using right now, by asking it directly. It is not a guess from the browser name.

  • GIF files: checking
  • Background encoding (Web Workers): checking

Questions, answered

How do I put two GIFs side by side?

Add both GIFs, choose the 2 × 1 layout, set the gap and the background, and press Make collage. Both play at the same time in one GIF.

Is a collage the same as combining GIFs?

No. A collage plays GIFs at the same time in a grid. Combine GIFs plays them one after another. Choose the collage for side by side, and Combine for a sequence.

What happens if the GIFs have different lengths?

The collage lasts as long as the longest GIF. Shorter GIFs start over from their first frame until the collage ends.

Why is my collage rougher than the originals?

All the cells share one palette of up to 255 colours, and the frames are picked at 10, 12 or 15 fps. Try a higher frame rate, smaller cells or a plainer background.

Can I make the background transparent?

Yes. Choose Transparent, and set the matte colour to the colour of the page the GIF will sit on, so soft edges blend in.

Are my GIFs uploaded?

No. The GIFs are combined on your device. Nothing is sent to a server and you need no account.