Sash window · six over six · glazing bars
Transparent PNG Generator
A transparent image is a pane of glass. Set the size and the sash is re-glazed to that shape; what you see through it is the checkerboard every editor uses for nothing. Tint the glass if you want a see-through colour instead. Then take the pane away.
Glazing order
Take the pane
What a transparent PNG is for
Sometimes a layout needs an image that shows nothing: a spacer to hold a gap in an email template, a placeholder while a real picture loads, an empty layer to paint on, a see-through tint over a photo, an icon slot in a tool that insists on a file. PNG is the format that carries transparency, so a blank PNG of the right size is the clean way to do all of that.
Clear or tinted
Fully transparent is alpha zero on every pixel: invisible, and a file of a few kilobytes whatever the dimensions, because the page writes the PNG itself and compresses the identical rows. Tinted glass sets a colour at the opacity you choose, which is how you darken a hero image under white text or lay a brand colour over a photo without touching the photo itself.
Why a sash window
A Georgian sash window holds its glass in a grid of thin glazing bars, six panes over six, and the glass is the one part you are meant not to see. A transparent image is the same object: a frame around nothing. The checkerboard behind the panes is the convention editors use to draw transparency, so the window shows exactly what the file will look like open in one.
What is the largest size?
8192 pixels on a side. A transparent PNG that large is still only a few tens of kilobytes, because identical rows compress almost to nothing.
How do I use the data URL?
Paste it as an img src or a CSS url() and the image needs no file at all; that is the usual trick for spacers and tracking-free placeholders.
Is anything uploaded?
No. The PNG is drawn and encoded in your browser.