1x1 Pixel Generator
Make a 1x1 pixel image, transparent or any colour, and download it as PNG or GIF. Tap the base64 data URI to copy it for HTML, CSS or an email template.
Make a 1x1 pixel image, transparent or any colour, and download it as PNG or GIF. Tap the base64 data URI to copy it for HTML, CSS or an email template.
A 1x1 pixel is the smallest picture there is: one pixel wide, one pixel tall, a single dot of colour or nothing at all. This 1x1 pixel generator makes one in a tap. Choose Transparent for the invisible pixel, or Colour and pick any shade with the swatch - white, black, a brand colour, whatever the job needs - then choose PNG or GIF and press Download. The square on the left is your pixel, magnified so you can see it; the grey checkerboard behind it shows through when the pixel is transparent. If you came here for a 1 pixel image, a 1px image, a one pixel image, a single pixel image or a 1x1 px PNG in a particular color, it is all the same file, and it is ready the moment you open the page.
The 1x1 transparent pixel is the classic one. It is the invisible tracking pixel that email newsletters and analytics tags load to count an open or a visit, the spacer image old HTML tables and email templates use to hold a cell open, and a harmless stand-in wherever a page or a script expects an image but should show nothing. A coloured pixel does a different job: stretched with CSS it becomes a flat background or a divider line in any colour, and a white or black 1x1 pixel is a common test image for upload forms, image pipelines and code that must handle the smallest valid file. Need a bigger flat image instead? The Solid Color Image Generator makes one colour at any size, and Create Transparent PNG makes an empty transparent image of any width and height. For a whole canvas of random coloured pixels, use the Random Pixel Generator.
Under the format buttons sits the pixel's data URI - the whole image written out as text, starting with data:image/png;base64, or data:image/gif;base64,. Tap it and it is copied. Paste it straight into an img src attribute, a CSS background-image url(), an email template or a JSON file, and the pixel travels inside the code with no separate file to host and no extra request. It changes with the colour and the format, so the copy always matches the preview. To turn any other picture into base64 the same way, use Image to Base64.
Both formats hold one exact pixel, and both are written byte by byte here rather than by the browser's image encoder, so the file is the smallest valid image in that format and the colour is exactly the one you picked. PNG is the modern default and the right choice for the web and for code. GIF is the traditional format for the email tracking pixel and the spacer GIF, and every email client ever made opens it. A transparent pixel is fully transparent in either format: alpha 0, no half-visible edge.
Nothing is uploaded or fetched. The pixel is built from your settings in the browser, so the colour you choose, the data URI and the file never leave your device, and the page works offline once it has loaded.
Open the generator: Transparent and PNG are already selected. Press Download to save the transparent 1x1 PNG, or tap the data URI to copy the same pixel as base64 text for your HTML or CSS.
Mostly as an invisible tracking pixel in emails and web pages, as a spacer in HTML email layouts, as a placeholder where code expects an image, and, in colour, as a tiny image stretched by CSS into a flat background or a line.
Yes. Choose Colour, open the swatch and pick white or black, or type any hex code in the picker. The preview, the download and the data URI all follow it.
Either works in every browser and email client. GIF is the traditional choice for email tracking pixels and spacers; PNG is the usual choice for everything on the web. Both are exact.
No. The pixel is generated in your browser from the settings on the page; nothing is sent anywhere.