PixelArtHive

Pixel Art Sizes and Resolutions

Updated

Most pixel art sizes are small: 16–32 pixels wide for icons and items, 32–64 for characters and 64–128 for portraits and scenes. Games often start at 320×180 or 640×360, because both scale by whole numbers to 1080p and 4K.

This guide covers pixel art canvas sizes, pixel art resolution for games and the difference between canvas and display size. Each section starts with the short answer.

What Size Should Pixel Art Be?

Pixel art should be as small as the subject allows: 16–32 pixels for icons and items, 32–64 for characters and avatars, 64–128 for portraits and scenes. Decide how big it will be shown, then work back to the canvas.

Common pixel art sizes by subject

Common pixel art canvas sizes by subject
Width (px)Good forWhat fits
16–32Icons and itemsOne clear shape and a few colors: a coin, a key, a UI icon.
32–64Characters and avatarsA readable outline, eyes and a pose; small game characters and profile pictures.
64–128Portraits and scenesFacial features, shading and several objects at once.

Widths are a starting point, the same ones the converter suggests. Height follows the subject, so pixel art dimensions don’t have to be square.

  • Smaller is faster: Fewer pixels mean fewer decisions, a more consistent look and quicker animation, at the cost of fine detail.
  • One size per set: Keep one canvas size for pixel art that belongs together, such as a set of icons or every frame of a sprite, so they line up.
  • Not square? That’s fine. In the converter, a 3:2 photo set to 32 wide becomes 32 × 21; crop it first if you need a square.

16×16 vs 32×32 vs 64×64

Each step doubles the width and the height, so it holds four times as many pixels: 256, 1,024 and 4,096. That is roughly the difference between a silhouette, a recognizable object and a picture with shading.

What is the difference between 16×16 and 32×32 pixel art?

What each canvas size can show
CanvasPixelsWhat reads
16 × 16256The outline and a few main colors. One pixel is a whole detail.
32 × 321,024Clear shapes, eyes on a face and simple shading.
64 × 644,096Shading, texture and small details such as windows.
  • Same photo, three sizes: The lighthouse below went through the converter at 16, 32 and 64 wide with the same 16-color limit, then was enlarged to the same width.
  • Smaller reads bolder: At 16 × 16 the stripes and the outline carry the picture; at 64 × 64 the windows appear.
A red-and-white lighthouse as 16 by 16 pixel art: only the stripes and the outline read
16 × 16 · 15 colors · shown at 12×
The same lighthouse at 32 by 32 pixels: the tower's shape and the top are clear
32 × 32 · 16 colors · shown at 6×
The same lighthouse at 64 by 64 pixels, with windows and the edge of a roof
64 × 64 · 16 colors · shown at 3×

Pick a Game Resolution That Scales to 1080p and 4K

For a pixel art game, pick a base resolution that a whole number turns into the screen size: 320×180 × 6 is 1920×1080, and × 12 is 3840×2160. Every pixel then stays the same width on screen.

Which pixel art resolutions scale cleanly?

Whole-number scale from each 16:9 base resolution to common screens
Base1280×7201920×10802560×14403840×2160
320×180×4×6×8×12
384×216—×5—×10
480×270—×4—×8
640×360×2×3×4×6

— means no whole number fills that screen exactly. All sizes are 16:9.

  • Why whole numbers: At ×2.5, every other pixel becomes 2 screen pixels wide and the rest 3, so lines and curves wobble.
  • When it doesn’t divide: Use the largest whole number that fits and add a border: 384×216 on 1280×720 fits at ×3 (1152×648), leaving 64 px each side and 36 above and below.
  • Big pixels or more room: 320×180 gives chunky pixels; 640×360 shows 4 times the area with finer detail. Both fill 1080p and 4K exactly.
  • Still images: For a single picture, the resolution for pixel art is simply its canvas size. Enlarge it by a whole number to show or share it.

Character, Tile and Background Sizes

Tiles set the grid of a game world, characters are sized in tiles, and a background is usually one screen at the base resolution. Choose the tile size first; the rest follows from it.

  • Tile size: A pixel art tile size of 16 × 16 fits 20 tiles across 320×180 and 11¼ down. The screen doesn’t need a whole number of tiles.
  • Characters: Pixel art character sizes are easiest in tiles: on a 16-pixel grid, 16 × 16 fills one tile and 16 × 32 stands two tiles tall.
  • Backgrounds: A pixel art background size starts at one screen, such as 320×180. Scrolling backgrounds are wider or taller, in whole screens or tiles.
  • One pixel size: Enlarge every sprite, tile and background by the same number. Mixing 1× and 2× art on one screen makes the pixels look mismatched.

Canvas Size vs Display Size

Canvas size is how many pixels the artwork has; display size is how big it appears after enlarging. A 32×32 sprite shown at ×10 is 320×320 on screen, but the file still has 32 × 32 pixels.

  • Enlarge by whole numbers: Nearest neighbor at ×2, ×3 or ×4 copies each pixel into a bigger square. Smoothing such as bilinear or bicubic blurs the edges.
  • Viewers smooth by default: Browsers, image viewers and slide apps usually smooth a small image when they stretch it. Share an enlarged PNG instead of the tiny original.
  • PNG, not JPG: PNG keeps every pixel’s exact color. JPG softens the edges and adds stray colors.
  • DPI: DPI only matters for printing. On screen, only the pixel dimensions count.
The 16 by 16 lighthouse at its real size: a tiny square
Canvas: 16 × 16 at 1×
The same 16 by 16 lighthouse enlarged 12 times with square pixels
Display: 192 × 192 at 12×

FAQ

How big is 32×32 pixel art on screen?

32 × 32 pixels, which is tiny on a modern screen, so it is usually shown enlarged by a whole number: ×4 is 128 × 128 and ×10 is 320 × 320. Enlarging changes only the display size; the artwork still has 32 columns and 32 rows.

What if my game resolution doesn’t divide evenly into the screen?

Use the largest whole-number scale that fits and fill the rest with a border, or show a little more of the level. For example, 384 × 216 on a 1280 × 720 screen fits at ×3 (1152 × 648), leaving 64 pixels on each side. Stretching to fill makes some pixels wider than others.

Can I draw pixel art on a 1920×1080 canvas?

Yes, but each pixel is then a single screen pixel, so filling the canvas takes a long time and lines lose the pixel art look. Draw small and enlarge instead: 320 × 180 at ×6 is exactly 1920 × 1080. A 64 × 64 canvas suits a simple scene or a portrait, not a full screen.

How do I make pixel art bigger without blurring it?

Enlarge it by a whole number with nearest neighbor, which copies every pixel into a bigger square of the same color. The Pixel Art Upscaler on this site does this in your browser and keeps the original colors. Most editors and viewers smooth images by default, which blurs pixel art.

Does DPI matter for pixel art?

No, not on screen. Screens show pixels, so only the pixel size counts. DPI (or PPI) only tells a printer how many pixels to fit into an inch; changing it doesn’t add or remove pixels.

What size should a sprite sheet be?

The frame size times the number of columns and rows, plus any spacing. Eight frames of 32 × 32 in one row make a 256 × 32 sheet; in a 4 × 2 grid they make 128 × 64. Keep every frame the same size so a game engine can cut the sheet evenly.

How do I turn a photo into pixel art at a specific size?

Use the Image to Pixel Art Converter: choose Canvas Width and enter the width you want, such as 32. The height follows the photo’s shape, so a 3:2 photo at 32 wide becomes 32 × 21. Crop the photo to a square first if you need exactly 32 × 32.

Can I change the canvas size after I start?

Yes. Adding empty space or enlarging by a whole number loses nothing. Shrinking can remove fine details; non-integer enlargement can make pixels uneven. If you must shrink, pick a size that divides evenly, such as 64 → 32.

Send feedback

Found a bug, or want a tool added? Tell us. We read every message.

What kind?

Delivered via Web3Forms. Your message, type, optional email, page address and IP address reach our inbox. Image files stay on your device. Privacy