Whole image, shown smaller to this panel. Original proportions preserved.
Enlarged 2× for a closer look. The downloaded file stays the same size.
Under the magnifying glass
Same detail. See what changed.
Both lenses show the same part of the image.
The complete images stay visible above.
- Size chosen
- No resize
- Sprite, before border
- 37 × 37
- Empty border, each side
- 2 px
- Final PNG size
- 41 × 41
66,354 → 978 visible colours. We chose the grid settings for this example. Small details can change, so compare the result before using it.
Download this PNG ↓How this example was made Engine 0.2.0 +
Settings used for this example
Manually selected 24 px source blocks, phase 0, 0. This source has an imperfect grid. Small details can change; this is not an automatic-detection claim.
Measured from this run
- Trimmed subject bounds
- 891 × 885 px
- Subject aspect ratio
- 1.007 : 1 (width : height)
- Requested core dimensions
- No requested size. Grid or source determines the core.
- Final size calculation
- (37 + 2 × 2) × (37 + 2 × 2) = 41 × 41 px
At 1:1, browser zoom and display scaling can affect physical screen pixels. Preview backgrounds are not included in the PNG.
Exact recipe
{
"recipeVersion": 1,
"engineVersion": "0.2.0",
"mode": "repixel",
"background": {
"mode": "preserve",
"toleranceRgbPercent": 8,
"erosionSourcePx": 0
},
"grid": {
"enabled": true,
"outlineExpansion": 0,
"step": 24,
"phaseX": 0,
"phaseY": 0
},
"resize": {
"enabled": false,
"longestSide": 96,
"filter": "source_default",
"allowUpscale": false
},
"palette": {
"enabled": false,
"colours": 24,
"protect": 4,
"cleanPasses": 0
},
"finish": {
"trim": true,
"alpha": "binary",
"thresholdPercent": 50,
"gutter": 2,
"bleedTransparentRgb": true
}
}SHA-256 file hashes
Source c46fbb784f7692a406061a24b6f3c2c2ea3dc35e823ecb46bbf45788ed9f4877
Result ee9071702a6a7f8996a579faa391c1bdbf9791918014b295d9f259bb1ee0ede4