digtools
👾
pixel-art-editor,

Pixel Art Editor

A free editor to create pixel art directly in your browser.Features grid drawing, custom palettes, flood fill, and eraser.

🎨
Grid Drawing
🖌️
Palette & Color Picker
🔒
No Server Uploads

🔒

All processing happens in your browser.

about,

About

An editor to create and save pixel art directly in your browser. Draw pixel by pixel on grids ranging from 8x8 to 64x64.

Features include pen, flood fill, eraser, and rectangle tools. Export as PNG with multiple scale options (1x, 2x, 4x, 8x).

how to,

How to Use

STEP 1

Select Canvas Size

Choose a grid size ranging from 8x8 to 64x64.

STEP 2

Draw Pixel Art

Select a color from the palette and place pixels using the pen tool.

STEP 3

Save as PNG

Save the image as a PNG at your preferred zoom scale for use in games or social media.

glossary,

Glossary

Pixel Art
A form of digital art created by drawing and placing individual pixels.
Grid
Grid lines that indicate the boundaries of individual pixels.
Palette
A list or selection of available colors for drawing.
Flood Fill
An operation that fills an entire enclosed area of the same color with a new color.
Anti-aliasing
A technique used to smooth the edges of an image. This is disabled in pixel art to preserve sharp edges.
Sprite
A small image, such as a character or item, often used in 2D video games.
Alpha / Transparency
A setting that makes pixels transparent, allowing the background behind the image to be visible.
Scale / Zoom
A setting that determines how many times the image should be magnified when saving.
faq,

FAQ

Q.What is the canvas size?
In this editor, you can choose from 5 square canvas sizes: 8x8, 16x16, 32x32, 48x48, and 64x64. 16x16 is recommended for retro 8-bit style, while 32x32 or larger is ideal for detailed characters and icons. Choose the best size for your project.
Q.Are images sent to a server?
No image data or drawings are sent to external servers. This tool uses the HTML5 Canvas API, meaning all processing from drawing to PNG generation happens entirely locally in your browser. You can safely create confidential or private materials.
Q.Can I use transparent pixels?
Yes, you can. By selecting "Transparent" from the palette and drawing on the canvas, you can clear pixels just like an eraser. This is extremely useful for creating game sprites with transparent backgrounds or social media icons.
Q.Is there Undo/Redo?
Yes, the tool remembers your last 50 actions, allowing you to Undo or Redo at any time. If you accidentally fill with the wrong color or misplace a pixel, you can instantly revert it with one click, ensuring a stress-free drawing experience.
Q.What is the saved image size?
When downloading the PNG, you can choose a scale factor of 1x (original), 2x, 4x, or 8x. For example, saving a 16x16 canvas at 8x scale will output a crisp 128x128 pixel image. We recommend larger scales (4x-8x) for clear visibility on social media.
Q.Does it work on smartphones?
Yes, it is fully optimized for mobile touch controls. You can tap to place pixels or drag to draw lines on your smartphone screen. It’s perfect for quickly sketching pixel art ideas in your browser while on the go.
Q.Can I choose any color?
In addition to a carefully curated 32-color retro palette, the tool features a standard color picker. You can freely add and use any custom color using HEX or RGB values, allowing you to create precise gradients and exact color schemes.
Q.Is my work saved automatically?
In the current version, if you close the browser tab or reload the page, your drawing data will be reset and lost. For longer sessions, please remember to frequently download your work using the "Save PNG" button to keep local backups.
use cases,

Use Cases

🎮

Creating Game Assets

Design character and item sprites for indie games.

👤

Making Profile Icons

Create original pixel art avatars for social media.

🎨

Digital Art Basics

Learn the fundamentals of digital art by creating pixel art.

💬

Emoji & Sticker Design

Produce original stickers to use in chats and messaging apps.

Send Feedback

Please let us know your thoughts to help us improve the tool.

Disclaimer

The tools provided on this site are completely free to use, but please use them at your own risk. We make no guarantees regarding the accuracy, completeness, or safety of any calculation results, conversion results, or generated data. Please be aware that the operator assumes no responsibility for any damages or troubles caused by the use of these tools. Most tools process files and calculations locally in your browser, meaning your inputted data is neither sent to nor stored on our servers.