GIF to Sprite Sheet Online

GIF to Sprite Sheet Online. Free, runs in your browser — no upload to servers.

Upload a file to get started. Processing runs entirely in your browser.

How to use

  1. Upload the GIF you want laid out as a sheet.
  2. Choose how many columns the grid gets — 0 puts every frame in one row, which is what CSS steps() wants.
  3. Download the PNG and copy the CSS snippet printed under it.

Frequently asked questions

What does it output?

One PNG holding every frame in a grid. A sprite sheet is a static image — the animation comes from your engine or from CSS.

How do I animate the sheet in CSS?

Leave columns at 0 so all frames sit in a single row, then paste the steps() snippet the tool prints under the preview.

Does it keep transparency?

Yes, transparent is the default. Pick white or black if your engine needs an opaque sheet.

Is there a size limit?

The sheet has to fit one canvas: 16384 px per side and roughly 100 megapixels. You are told before anything larger is attempted.

Last updated

Powered by maratool