Skip to main content
L
Loopaloo
Buy Us a Coffee
All ToolsImage ProcessingAudio ProcessingVideo ProcessingDocument & TextPDF ToolsCSV & Data AnalysisConverters & EncodersWeb ToolsMath & ScienceGames
Guides & BlogAboutContact
Buy Us a Coffee
L
Loopaloo

Free online tools for developers, designers, and content creators. Your files are processed in your browser and are never uploaded - no accounts required. A few network utilities (like What's My IP and Currency Converter) call public APIs to do their job and say so on their pages.

support@loopaloo.com

Tool Categories

  • Image Tools
  • Audio Tools
  • Video Tools
  • Document & Text
  • PDF Tools
  • CSV & Data
  • Converters
  • Web Tools
  • Math & Science
  • Games

Company

  • About Us
  • Contact
  • Blog
  • FAQ

Legal

  • Privacy Policy
  • Terms of Service
  • Disclaimer

Support

Buy Us a Coffee

© 2026 Loopaloo. All rights reserved. Built with privacy in mind.

Privacy|Terms|Disclaimer
  1. Home
  2. Image Processing
  3. Image Pixelator
Add to favorites

Image Pixelator

A block average or a centre sample, each named and measurably different, with the colour limit producing exactly that many colours and the count read back off the output.

Edits stay in your browserMore image processingJump to full guide

Initializing in your browser…

You might also like

Image Diff Comparator

Compare two images with a perceptual engine (pixelmatch) that ignores anti-aliasing, or an exact byte engine. Groups changes into regions with bounding boxes, reports SSIM, and handles size mismatches with an explicit policy.

Image to Base64

Turn an image into a data URL whose payload is decoded again and compared byte for byte with the file, with the media type taken from the file's own signature rather than its extension and the size cost of embedding stated in full.

Image Cropper

Whole-pixel crops with the rectangle typed or dragged, checked by decoding the output and comparing it with the pixels that went in. Quarter turns and mirrors are exact permutations, so nothing is clipped.

Image Pixelator: a worked example

A one-pixel black and white checkerboard, pixelated at a tile size of 10. Its average is known before the tool runs, so the two ways of choosing a tile colour give two answers and only one of them can be an average.

Input

checkerboard.png 512 x 512 · tile 10 px
What Image Pixelator produces

A flat field, at one of three values

centre pixel of the block   byte 255  (solid white: the picture is gone)
average, stored bytes       byte 128  (the mean of black and white)
average, light              byte 188  (the byte carrying half the light)

Sampling the centre pixel of every tile is not an average and on a fine pattern it is not even close: every tile centre of this checkerboard is white, so the result is a blank page. The mean of the stored bytes is 127.5, and the mean of the LIGHT is byte 188, because byte 127 carries 0.212 of the light of byte 255 under IEC 61966-2-1. All three results are flat, so none of this is aliasing: they are three different questions, and the page names which one it answered.

About Image Pixelator

Pixelating means replacing each block of an image with a single colour, and there are two different ways to choose that colour: the AVERAGE of the block, or one pixel out of it. They are not close. On a one-pixel black and white checkerboard the average of every tile is a flat mid grey and the centre pixel of every tile is pure white, so a centre-sampled pixelation of a checkerboard is a blank white page. Both are offered here and the page names which one it did, because the hard-edged centre sample is what pixel art wants and the average is what a mosaic or a privacy blur wants. The second choice is the space the average is taken in. Byte 127 carries 0.212 of the light of byte 255 under IEC 61966-2-1, so the mean of the stored numbers is not the mean of the light: on that same checkerboard the two answers are byte 128 and byte 188, which is 1.24 stops apart. Averaging the bytes is the default because it is what every other tool does, and the alternative is offered with the number beside it.

How to use

  1. 1Upload an image
  2. 2Pick a preset, or open Custom and set the tile size
  3. 3Choose whether a tile is the average of its block or the pixel at its centre
  4. 4Optionally limit the colours, or convert to black and white with the greyscale definition named
  5. 5Use the Region tab to pixelate one rectangle and leave the rest untouched
  6. 6Read the count of colours in the output, then download

Where this helps

  • Privacy protection

    Select the rectangle over a face or a number plate; the rest of the photograph is untouched, and a large tile removes the detail rather than merely softening it.

  • Pixel art

    The centre sample with a colour limit gives hard-edged tiles from a palette of a known size.

  • Mosaic and halftone

    The block average with a circle or hexagon tile, where the gaps between tiles are part of the look.

  • A limited palette for a game

    Ask for 16 or 64 colours and read the count back: the output really holds that many.

Key features

  • A block average or a centre sample, each named, with what each one does stated
  • The average can be taken over stored bytes or over light, which is worth 1.24 stops
  • A colour limit that really produces that many colours, by median cut and CIEDE2000
  • The distinct colours in the output are counted and shown beside the number requested
  • Black and white with the greyscale definition chosen: Rec. 709, Rec. 601 or CIE L*
  • An adjustable threshold rather than a fixed 128
  • A rectangular region, dragged or typed, with everything outside it left byte for byte identical
  • Four tile shapes, with the gaps each one leaves explained rather than left as a surprise
  • PNG, WebP or JPEG output, and the reason PNG is the right choice for a mosaic

The two choices that decide the result

A colour limit here means what it says. Asking for 16 colours builds a 16-entry palette by median cut (Heckbert, "Color image quantization for frame buffer display", SIGGRAPH 1982) over the colours the pixelated picture actually contains, and maps every pixel to its nearest entry by CIEDE2000, so the output holds at most 16 distinct colours. The page then decodes its own output and COUNTS them, and shows the count next to the number you asked for, because that is a claim a second program can check.

The usual alternative, snapping each channel to a step of 256 divided by the cube root of the colour count, cannot make that promise. Snapping for "16 colours" gives four levels per channel and so up to 64 combinations; snapping for "8" gives three levels and up to 27; and none of the resulting values is a colour anyone chose. The palette here is built from colours the picture contains and the count is measured rather than named.

Black and white is a choice of definition, not a single operation, and the page makes you pick one. A flat (R + G + B) / 3 puts pure red, pure green and pure blue all at 85, so at a threshold of 128 all three become black and a photograph of grass turns into a solid rectangle. Rec. 709 (ITU-R BT.709-6 item 3.2), which is the definition that belongs to sRGB, puts them at 54, 182 and 18, so green becomes white and the other two do not. Rec. 601 and CIE L* are offered alongside it with the document each comes from, and the threshold is adjustable.

A rectangular region can be dragged on the picture or typed as four numbers, so one face or one number plate is pixelated and the rest of the photograph is left exactly as it was: a pixel outside the rectangle comes out byte for byte identical. Four tile shapes are available; square is the only one that covers every pixel, and the other three leave gaps by construction, which is what makes them a halftone rather than a mosaic.

Frequently asked questions

Is pixelation reversible?

No. Every pixel in a tile is replaced by one colour and the rest are discarded, so there is nothing left to recover from the output file. That is what makes it useful for hiding something, and it is why a large tile is safer than a small one.

Can I pixelate just part of the image?

Yes. Drag a rectangle on the picture in the Region tab, or type its four numbers. Everything outside it is left byte for byte as it was, which the test suite checks against the source pixel by pixel.

What is the difference between the average and the centre pixel?

The average is the mean of every pixel in the tile, which is what a reduction means. The centre pixel is one pixel out of the tile with the rest thrown away. On a fine pattern they give completely different answers: a one-pixel checkerboard averages to a flat mid grey and centre-samples to solid white.

Does "16 colours" really mean 16 colours?

Yes, and the page counts them for you. The palette is built by median cut over the colours in the picture and every pixel is mapped to the nearest entry, so the output has at most the number you asked for; the count next to it is the number the output actually holds, read back after encoding.

Why does black and white ask which definition to use?

Because they give different pictures. A flat average of R, G and B puts pure red, green and blue all at 85, so all three fall on the same side of a 128 threshold. Rec. 709 puts them at 54, 182 and 18. Neither is a bug; one of them is the definition sRGB uses and the other is an accident, so the page makes it a choice.

Related tools and how they differ

  • Image Annotator: Adds arrows, shapes and text over an image; use it to point at things rather than to hide them.
  • Image Color Palette Extractor: Reports the colours an image really contains and the share each covers, with the same median cut this page uses to build a palette.
  • Image Resizer: Reduces the pixel count with the resampling filter named, which is the same question in a different shape.

Private by design

Images are decoded, edited, and exported entirely inside this browser tab. No originals, exports, or metadata are uploaded.