Digital Art Tools

Animation Frame Rate Calculator

Convert between frames, seconds and timecode at any frame rate, see how many drawings a shot needs on ones, twos or threes, and watch the difference play side by side.

Frame rate (fps)
fps

HH:MM:SS:FF, non-drop-frame. FF runs 00–23 at this rate.

Duration
48 frames = 2 s
Timecode 00:00:02:00 · one frame lasts 41.667 ms
Animating onDrawingsPer secHeld for
Ones482441.7 ms
Twos241283.3 ms
Threes168125 ms
Fours126166.7 ms
Ones vs twos at 24 fps
On ones 24 drawings per second
On twos 12 drawings per second

Faded circles are the previous drawings, so you can see the spacing. The ball takes 1 second per bounce; each drawing is held for exactly its frame time using the browser's animation clock.

Runs entirely in your browser. Free, no sign-up.
Preview embedded tool

Works in an HTML block on WordPress, Wix, Squarespace or a custom website. Change the height if your layout needs more space.

How to use the Animation Frame Rate Calculator

  1. Pick a frame rate. Tap one of the common rates — 12, 15, 23.976, 24, 25, 29.97, 30, 48, 50 or 60 — or type any value into Custom. Changing the rate keeps your duration in seconds and recalculates the frames.
  2. Type into any of the three boxes. Enter Frames, Seconds or a Timecode in HH:MM:SS:FF form; the other two follow as you type. Short timecodes work too: 2:12 means 2 seconds and 12 frames.
  3. Read the drawing counts. The table shows how many drawings that duration needs on ones, twos, threes and fours, how many drawings per second that is, and how long each one stays on screen.
  4. Watch the difference. The two bouncing balls play at your chosen rate, one drawn on every frame and one on every second frame. Switch to ½× or ¼× to slow both down and see each held drawing.
  5. Copy what you need. Copy results gives you the full summary for a production note or a client email; Copy timecode copies just the timecode.

Ones, twos and the 24-frame second

Film has run at 24 frames per second since sound arrived in the late 1920s, and most animation still lives on that grid. But “24 fps” does not mean 24 drawings. Animating on ones gives every frame a new drawing — 24 a second. On twos, each drawing is held for two frames, so you draw 12 a second and the motion still reads smoothly for most actions. On threes drops to 8 drawings a second, a rate often associated with TV anime and limited animation.

The trade-off is simple arithmetic. A 5-second shot is 120 frames: 120 drawings on ones, 60 on twos, 40 on threes. Over a 90-second short, that’s the difference between 2,160 drawings and 1,080. Classic studio features were largely animated on twos, switching to ones for fast action, camera moves and anything where a held drawing would visibly stutter against a moving background.

That last point is where twos fall apart. Each held drawing lasts 83.3 ms at 24 fps. For a slow head turn that’s invisible. For a ball crossing the screen in half a second, the gaps between drawings become large, and the eye sees a strobing sequence of positions instead of a moving object — exactly what the right-hand preview shows when you slow it down. Spacing, not frame rate, is what smooths it: on twos you need closer spacing or smear frames for the same speed to read.

Higher rates change the job again. At 60 fps on ones, every drawing lasts 16.7 ms, which suits game sprites and motion graphics more than hand-drawn character work. If a project has to be delivered at 30 or 60 fps, you can still hand-draw on twos, threes or fours of that rate: 60 fps on fours is 15 drawings a second, close to the feel of 24 fps on twos.

Drawings needed at 24 fps

Shot length Frames On ones On twos On threes
1 second 24 24 12 8
2 seconds 48 48 24 16
5 seconds 120 120 60 40
10 seconds 240 240 120 80
30 seconds 720 720 360 240
1 minute 1,440 1,440 720 480

These are upper bounds for planning. Real scenes reuse holds, cycles and background-only frames, so the drawn count is usually lower.

Where 23.976 and 29.97 come from

When the US added color to NTSC television in 1953, the field rate was lowered by a factor of 1000/1001 so the new color signal would not interfere with the sound carrier. Thirty frames became 30000/1001 — 29.97002997… — and film transferred to that video slowed from 24 to 24000/1001, or 23.976. Those odd rates are still the defaults on many cameras and in editing software.

Timecode for these rates still counts whole numbers of frames per second: 24 for 23.976, 30 for 29.97. So timecode runs 0.1% slower than a wall clock — after one real hour at 29.97, non-drop timecode reads only 00:59:56:12. The calculator shows that real running time whenever you pick a 1000/1001 rate. Drop-frame timecode exists for 29.97 and 59.94 to keep the labels in step with the clock; there is no drop-frame form of 23.976.

Tips from practice

Time in frames, not seconds. An exposure sheet or a timeline thinks in frames. Convert the client’s “about four seconds” to 96 frames once, then plan the key poses on frame numbers you can divide by 2 or 3.

Match the rate before you draw. Changing a finished 24 fps animation to 30 fps either duplicates frames unevenly or needs retiming. Ask where the piece will play — film festival, broadcast, social media, game engine — and set the project rate first.

Watch the preview with a pinch of salt. Most screens refresh 60 times a second, and 24 does not divide 60: on-screen, 24 fps frames alternate between three and two refreshes (50 ms and 33.3 ms). Twos at 24 fps fare better, holding every drawing for exactly five refreshes. Export a test at the final rate and play it on the target device.

Use the drawing count as your quote. If you charge per finished second, multiply the drawings-per-second figure by your time per drawing. It is the fastest honest way to compare ones and twos for a client, alongside the Commission Price Calculator.

Plan sprite sheets in drawings. A 12-drawing walk cycle on twos at 24 fps lasts exactly one second. Lay the frames out with the Pixel Grid & Sprite Sheet Generator.

FAQ

Is 12 fps the same as 24 fps on twos?

Both show 12 new drawings per second, so simple motion looks identical. The difference is flexibility: a 24 fps project lets you switch to ones for a fast action or a camera move and back to twos afterwards, while a 12 fps project cannot show anything shorter than 83 milliseconds.

What does the last pair of digits in a timecode mean?

FF is the frame number within the current second, counted from 00. At 24 fps it runs from 00 to 23 and then the seconds digit ticks over. It is not hundredths of a second, which is a common mistake when reading timecode from an editor.

Why does my editing software say 23.98 instead of 23.976?

They are the same rate. The exact value is 24000/1001, or 23.976023…, and some programs round it to two decimal places while others show three. Footage marked 23.98 and footage marked 23.976 will line up frame for frame.

Should I animate at 24 or 30 fps for social media?

Either works, because video platforms play both. Choose 24 if you draw on twos or want a film-like cadence, since its 12 drawings per second are the classic hand-drawn rhythm. Choose 30 if the piece mixes with phone footage or screen recordings that were captured at 30 frames per second.

How do I convert an animation from 24 to 30 fps?

Each second needs 6 extra frames, so an editor must either repeat some frames, which adds a slight hitch, or blend between them, which softens drawn lines. For hand-drawn work the cleanest route is to retime key drawings onto the new frame grid instead of converting the finished render.