Export pixel art without blurry edges.
Crisp pixels come from preserving the grid. Choose the right export, resize by whole numbers, and disable smoothing where the image is displayed.
Know which dimensions you are exporting
The working grid is the real pixel artwork. If a wide source is converted at a density of 48, the grid is 48 cells wide; zooming the canvas does not change that. Pixel Art Tool offers raster, vector, and editable-project exports.
- Native-size PNG
- The exact grid. Best for engines, sprite sheets, and further pixel editing.
- Scaled PNG
- The grid enlarged by a whole-number factor with nearest-neighbor edges.
- Original-size PNG
- The pixel result mapped back to the source image dimensions.
- SVG
- The native grid expressed as crisp vector geometry with transparent cells omitted.
- Project file
- An editable backup containing the source, settings, generated grid, and manual edits.
Use SVG when the destination supports vector artwork
SVG keeps each pixel boundary on the document grid while allowing the artwork to scale without raster interpolation. Pixel Art Tool groups same-color runs to avoid emitting a separate element for every visible cell.
SVG is useful for scalable icons, interface artwork, and vector-capable pipelines. Many game engines and sprite pipelines still work best with a native-size PNG, so confirm format support before choosing SVG for game assets.
Scale by 2×, 3×, 4×, or another whole number
Each source cell should become an equal block of output pixels. A 32 × 24 grid exported at 4× becomes 128 × 96, with every original cell represented by a 4 × 4 square. The grid remains regular.
Fractional scaling asks a renderer to distribute cells unevenly. A 32-pixel image stretched to 100 pixels cannot give every cell the same width, so the browser or image editor blends or alternates boundaries.
Prevent web and social platforms from smoothing the image
Upload a whole-number scaled version large enough for its display slot. If you control the website, keep the rendered width and height proportional to the native grid and use CSS image-rendering: pixelated.
Social platforms often resize uploaded images. A larger 4× or 8× export gives their pipeline more pixels to work with and usually preserves edges better than uploading the tiny native grid.
Use the native grid in game engines
Import the native-size PNG, disable texture filtering or select nearest-neighbor filtering, and keep the pixels-per-unit setting consistent across assets. Disable lossy compression where it introduces color noise or softened edges.
Check the running game at multiple window sizes. Integer camera scaling and a pixel-perfect camera prevent the engine from placing texels between screen pixels.
Run a final crispness check
- Keep the native-size PNG and project file as masters.
- Use SVG only when the destination supports real vector artwork.
- Use whole-number dimensions for enlarged copies.
- Inspect the actual file dimensions, not only the preview zoom.
- Disable smoothing or filtering in the destination.
- Avoid repeatedly resizing and re-exporting an already scaled image.