Export a Clean Asset

Lesson 6 of 6 · Intermediate · 6 min

What you will make
A transparent PNG at the correct size, plus an editable project backup.

Your progress0 / 6

Lesson checklist

Compare your own work with these checkpoints. Check each one when your result is ready.

There are no isolated pixels outside the outline.The checkerboard shows through everywhere around the shape.I exported a 24 by 24 PNG and downloaded a project backup.

0 of 3 checked

No account needed. Learning progress is saved in this browser.

This lesson's project

Not created yet

Clean any stray pixels, confirm the background is transparent, then export a 24 by 24 PNG and download your project backup.

Practice in the editor

Open a 24 × 24 practice canvas with lesson examples and onion skin enabled. Your work saves automatically to My projects.

No account needed. Up to 3 projects.… / 3 used. Projects are saved automatically in this browser.

Starter files and backup import

Follow the steps

Check the edges, verify transparency, and export a file a game can use.

Start with: The finished mushroom from lesson five.

1
Look for single stray pixels
A pixel sitting alone outside the outline is almost always an accident. Zoom in and scan the area around the cap and the stem base.
An outline with no isolated debris.
2
Check every edge against the checkerboard
Any white or gray block along the edge means a background color got painted. It should show the checkerboard all the way to the outline.
A transparent edge with no painted background.
3
Export at 1x first
Export a 24 by 24 PNG. If it does not look right at native size, multiplying the scale will not rescue it, it will only make the same mistake bigger.
A 24 by 24 transparent PNG.
4
Download the project backup
Use the practice files row below to save a project file. It reopens in the editor with palette and frames intact, unlike the flattened PNG.
A PNG to drop into a game and a project you can keep editing.

See the technique

The same finished study

Nothing changes, this is a check

No diagram can teach this one. Export the file, open it somewhere that knows nothing about your canvas, and look at it as a stranger would.

Learning notes and references

Remove stray pixels and check edges against the checkerboard.
Confirm the background is transparent rather than white.
Export at 1x and keep a project backup you can reopen.

Pixel Art Game Asset Size Guide Pixel Art Resolution Guide

Follow the steps

Check the edges, verify transparency, and export a file a game can use.

Start with: The finished mushroom from lesson five.

Look for single stray pixels

A pixel sitting alone outside the outline is almost always an accident. Zoom in and scan the area around the cap and the stem base.

An outline with no isolated debris.

Check every edge against the checkerboard

Any white or gray block along the edge means a background color got painted. It should show the checkerboard all the way to the outline.

A transparent edge with no painted background.

Export at 1x first

Export a 24 by 24 PNG. If it does not look right at native size, multiplying the scale will not rescue it, it will only make the same mistake bigger.

A 24 by 24 transparent PNG.

Download the project backup

Use the practice files row below to save a project file. It reopens in the editor with palette and frames intact, unlike the flattened PNG.

A PNG to drop into a game and a project you can keep editing.