Construct 3PNG grid workflow

Sprite Sheet Generator for Construct 3

Construct imports sprite strips by cell count, not by metadata. Export a tight, evenly spaced sheet and the animation editor splits it in one dialog.

A sprite sheet exported as a PNG strip with no gutter, next to the settings it needs in Construct 3
What you export

Format menu

PNG

Uniform PNG strip, zero gutter

Construct splits a strip by horizontal and vertical cell count, and it does not ask about padding. That makes the rule simple: export with the gutter set to zero and a perfectly uniform grid. Construct then divides the image evenly and every frame lands on the pixel. Construct adds its own bleeding protection when it builds the runtime spritesheet, so you lose nothing by dropping the gutter.

Step by step

Getting the sheet into Construct 3

  1. 1

    Export with zero gutter

    Set spacing to 0 and keep the grid uniform. Note the number of columns and rows.

  2. 2

    Add a Sprite object

    Insert a Sprite into the layout. The Animations editor opens automatically.

  3. 3

    Import from strip

    Right-click the frames pane and choose Import frames > From sprite strip. Pick the PNG and enter your horizontal and vertical cell counts.

  4. 4

    Set speed and loop

    In the animation properties, set Speed in frames per second and tick Loop if the animation cycles.

  5. 5

    Point sampling

    Project Properties > Sampling > Point disables smoothing across the whole project.

Cheat sheet
SettingConstruct 3 value
ImportImport frames > From sprite strip
Layout inputHorizontal and vertical cell count
GutterExport with 0, Construct ignores padding
TimingAnimation Speed, in FPS
Crisp pixelsProject Properties > Sampling > Point
Built for the workflow

Exact cell counts

The editor tells you columns and rows, which are literally the two numbers the import dialog asks for.

Zero-gutter export

Drop the spacing to 0 and the strip divides evenly. No padding maths, no half-pixel frames.

GIF to strip

Drop an animated GIF in, get every frame extracted, and export the strip Construct wants.

Timing preview

Confirm the loop reads right before you type a Speed value into Construct.

Construct 3 FAQ

Want the long version? Read the engine import guide, or see every export format.

Other engines

Export for Construct 3

Pack your frames in the browser. What you walk away with: Uniform PNG strip, zero gutter, ready for Construct 3.