Generate an Empty Transparent PNG
Make a completely transparent PNG at any size — the blank canvas for a mock, a spacer, or a placeholder that shows nothing.
Describe the edit — the AI assistant does it on the canvas.
Free preview · No signup · ~10 seconds
Free downloads are 60% size. Create a free account for the full-resolution, lossless file.
Get the full-quality fileThe account is free. Exporting at full quality uses one credit — packs start at €0.99 for 3, with no subscription.
Why anyone needs a blank PNG
Genuinely empty
Every pixel has zero alpha. There is no white fill and no baked-in checkerboard — the checkered pattern you see in the preview is the page drawing it behind the result so you can tell transparent from white. The file itself contains nothing.
Exact dimensions
The point of a blank PNG is almost always its size: reserving a space, forcing a layout to a known height, matching an asset slot. Set the numbers here and leave the height at zero for a square.
Spacers and placeholders
A transparent PNG of a known size is still the reliable way to force spacing in email HTML, where CSS support is unpredictable. It is also the honest placeholder in a mock: it occupies the slot without pretending to be content.
A canvas to build on
Use it as a base to composite onto in another tool when you need an exact canvas size and do not want to crop or pad an existing image into shape.
Keep it PNG
Converting to JPG fills the whole thing with white and there is nothing else in the file, so you end up with a plain white rectangle. If it must be a JPG, use the solid colour generator instead.
Working with blank PNGs
The checkerboard is not in the file
It is drawn behind the result so you can tell transparent from white. The downloaded PNG contains nothing at all.
Never convert it to JPG
JPG has no alpha, so the whole thing flattens to white and you lose the only property it had.
Size is the whole point
A blank PNG exists for its dimensions. Set them deliberately rather than resizing one afterwards.
How to generate an empty transparent png
Set the dimensions
Leave the height at zero for a square.
Take the blank canvas
Every pixel is fully transparent — the checkerboard is the page, not the file.
Download
Free preview, or the full-resolution PNG in the app.
Where a blank canvas is the answer
Email spacers
Force reliable spacing where CSS support is unpredictable.
Layout placeholders
Reserve a slot in a mock without implying content.
A base canvas
Start from an exact size and composite onto it elsewhere.
Test fixtures
Generate a known-size transparent asset for a test.
Used by designers, indie devs & students at
What people use it for
The jobs the editor was built around — and what it does differently on each one.
Colourways you can revisit
Every edit is a layer, not a bake. When the brand shifts, reopen the file and change the colour rather than rebuilding the variant from the original.
Cutouts with awkward edges
AI background removal that keeps hair, foliage and soft shadows instead of stamping a hard outline around them. The output is a transparent PNG, ready to place.
No export, edit, re-import loop
The Framer plugin runs on the canvas you are already working in, so a recolour or a cutout does not mean a round trip through a second application.
Ten options in the time one used to take
Recolour once and step through the alternatives, so a client review can look at the whole range instead of the one version there was time to make.
Brand colours matched exactly
Pick a colour straight off an existing asset and get the hex, rather than eyeballing it against a screenshot and hoping it is close enough.
Free to preview, priced per export
Previewing is unlimited and costs nothing. A credit is spent only when you download a full-resolution file, so exploring an idea is never the expensive part.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Fix Blurry or Fringed Edges on a Transparent PNG
Why your transparent PNG has a white halo, a grey fringe or soft edges — the four real causes, how to tell them apart in seconds, and the fix for each.
SVG vs PNG for Logos: Which File Do You Actually Need?
What SVG and PNG really are, where each one wins, why your developer keeps asking for the SVG, and the three files that cover almost every request.
How to Replace a Color in Photoshop (4 Methods, and Why the Edges Go Wrong)
Replace Color, Hue/Saturation on a targeted range, Color Range plus a fill layer, and Selective Color — which to use when, and why a recolored logo keeps a halo of the old color along its edges.
Generate an empty PNG
Exact size, completely transparent.