# Desktop wallpapers: sizes, styles and making your own

[Canonical HTML page](https://gradiently.design/guide/desktop-wallpaper-ideas)

You look at your desktop wallpaper more than almost any other image. Here is how to find your screen's exact size, which styles stay pleasant after a month, and how to make one that is entirely yours.

## The short version

- A desktop wallpaper looks sharpest when it is made at your screen's exact resolution, which you can find in your computer's display settings.
- The most common desktop resolutions are 1920×1080 (Full HD), 2560×1440 (QHD) and 3840×2160 (4K UHD), all in a 16:9 shape.
- A wallpaper made at a larger size than the screen scales down cleanly, while one made smaller is stretched and looks soft.
- Calm wallpapers with quiet areas where desktop icons sit stay pleasant for longer than busy photographs.
- Soft gradients make good wallpapers but can show banding on large screens, which a little grain prevents.

A good **desktop wallpaper** is made at your screen's exact resolution, keeps a calm area where your icons and windows sit, and is quiet enough to look at all day. Most monitors are 16:9, at 1920×1080, 2560×1440 or 3840×2160 pixels, while many laptops are 16:10 or close to it; check yours in your display settings and design at that size or larger. Soft gradients, single colours with grain and wide, low contrast photographs age best. Busy images look exciting for a day and tiring for a month.

## Desktop wallpaper sizes

Your wallpaper should match your screen's native resolution. On Windows it is under Settings, System, Display; on a Mac, System Settings, General, About lists the built in display's resolution. Laptops with high density screens often show a scaled size there, so look for the native or default resolution if both are listed.

| Name | Resolution | Shape | Typical screens |
| --- | --- | --- | --- |
| HD | 1366×768 | About 16:9 | Older and budget laptops |
| Full HD (1080p) | 1920×1080 | 16:9 | Most laptops and office monitors |
| QHD (1440p) | 2560×1440 | 16:9 | 27 inch monitors, gaming screens |
| 4K UHD | 3840×2160 | 16:9 | Large monitors and TVs |
| Ultrawide QHD | 3440×1440 | About 21:9 | Ultrawide monitors |
| WUXGA | 1920×1200 | 16:10 | Many business and creative laptops |
| Laptop 16:10 | 2560×1600 and similar | 16:10 or close | Many recent laptops, including MacBooks |

Standard display resolutions. If yours isn't listed, use whatever your display settings report.

- 16:9 1920×1080: 1920 × 1080
- 16:10 1920×1200: 1920 × 1200
- 21:9 3440×1440: 3440 × 1440
- Phone 1080×1920: 1080 × 1920

Desktop shapes compared with a phone. A 16:9 design fills a 16:10 screen with a small crop; an ultrawide needs its own version.

> **Bigger scales down, smaller blurs** If you are unsure, make the wallpaper at 3840×2160. It will scale down sharply to any 16:9 screen, whereas a 1920×1080 image stretched onto a 4K monitor looks soft.

Phones are a different shape entirely, with a clock and widgets to work around; [phone wallpaper size](https://gradiently.design/guide/phone-wallpaper-size) covers them.

## Desktop wallpaper styles that last

A wallpaper is a background in the most literal sense: windows, icons and the dock or taskbar all sit on top of it. The styles that work best are the ones that stay out of the way.

- **Soft gradient.** Two or three related colours blending slowly. Calm, modern and easy on the eyes. More in [gradient wallpaper](https://gradiently.design/guide/gradient-wallpaper).
- **Dark with one light source.** A near black ground with a single glow of colour in one corner. Good for evenings and dark mode.
- **Single colour with grain.** A flat colour with fine noise looks like paper or film rather than a default.
- **Wide, low contrast landscape.** Fog, sea, desert or sky. Avoid detailed foregrounds that clash with icons.
- **Minimal shape.** One circle, arc or line on a plain field. Ideal if you keep a tidy desktop.
- **Typographic.** One word or line, set small and off centre. Works when it is quiet, not shouted.

- Night shift: `linear-gradient(160deg, #0b1020 0%, #1e2a5a 50%, #5b6bd6 100%)`
- Ember corner: `radial-gradient(circle at 85% 85%, #f59e0b 0%, #7c2d12 35%, #120806 75%)`
- Morning sky: `linear-gradient(180deg, #e0f2fe 0%, #bae6fd 40%, #f0f9ff 100%)`
- Sand: `linear-gradient(135deg, #f5f0e6 0%, #e7d8c9 55%, #cdb4a0 100%)`
- Deep forest: `radial-gradient(ellipse at 20% 30%, #34d399 0%, #065f46 40%, #021c17 80%)`
- Pastel drift: `linear-gradient(120deg, #fbcfe8 0%, #c4b5fd 50%, #a5f3fc 100%)`

Six wallpaper gradients to copy. The dark ones suit dark mode; the light ones suit a bright room and light mode.

## Where to leave room for desktop icons and windows

Windows places desktop icons down the left by default, and macOS stacks desktop items down the right. The taskbar or dock runs along the bottom. Put the most interesting part of your wallpaper away from those areas, usually upper centre or the opposite side, and keep the icon side calm so labels stay readable.

With two monitors, you can either set one wallpaper per screen or span a single wide image across both. Spanning only works when the screens share a resolution and sit level; otherwise make two wallpapers in the same palette, with the light source on the inner edge of each, so they read as a pair. If you switch between light and dark mode, a matching light and dark version of the same design keeps the desktop feeling like one place.

A widescreen desktop wallpaper with the word Focus set small in the upper centre of a soft gradient

A typographic wallpaper, word set small and off centre, with the edges left calm for icons.

A 4K desktop wallpaper with a short line of text and a calm gradient filling the rest of the screen

The same idea at 4K, where a wallpaper stays sharp on any 16:9 screen.

## How to make your own desktop wallpaper

1. **Find your resolution** Check your display settings and note the native size. Use 3840×2160 if you switch between screens.
2. **Choose a mood, not an image** Calm or energetic, dark or light. Choose colours from a place, a season or your brand.
3. **Build the background** Start with a ground colour, add one or two related colours, and place the brightest area away from your icons.
4. **Add grain** A fine noise layer stops smooth gradients from showing steps on large screens. See [gradient banding](https://gradiently.design/guide/gradient-banding).
5. **Export as PNG and set it** PNG keeps gradients smooth. Set it to fill the screen rather than stretch or tile.

Gradiently's Studio has wallpaper templates and lets you set any custom size from 200 to 8,000 pixels, so you can match your screen exactly. Pro exports go up to 4K without a watermark, and a Mark you have claimed is a living gradient only you can export with. Make the desktop version, then a phone version in the same look, and your devices match.

## Common desktop wallpaper mistakes

### Avoid

- A small image stretched to fill a large screen
- Busy detail right where icons sit
- Pure white, which glares in a dim room
- Heavily compressed JPEGs with blocky gradients
- A phone wallpaper reused on a widescreen

### Do

- Native resolution or larger
- Calm zones for icons and the dock
- Soft off whites or mid tones for light themes
- PNG with a touch of grain
- A separate design for each shape

For a wallpaper that moves, see [live wallpaper](https://gradiently.design/guide/live-wallpaper); for video calls, a [Zoom virtual background](https://gradiently.design/guide/zoom-virtual-background) uses the same 1920×1080 frame with different rules. And if you build websites, the same 16:9 thinking applies to a [website hero background](https://gradiently.design/guide/website-hero-background) at 1920×1080.

## FAQ

### What size should a desktop wallpaper be?

Your screen's native resolution, found in display settings. The most common is 1920×1080, followed by 2560×1440 and 3840×2160.

### What is the best resolution for a 4K wallpaper?

3840×2160 pixels. It also scales down sharply to any smaller 16:9 screen.

### How do I find my screen resolution?

On Windows, open Settings, System, Display and use the resolution marked recommended. On a Mac, System Settings, General, About lists the built in display's resolution.

### Why does my gradient wallpaper look stripy?

That is banding, where a screen can't show enough shades for a smooth blend. Adding fine grain and saving as PNG usually fixes it.

### Should a desktop wallpaper be PNG or JPG?

PNG for gradients, flat colour and type, because it keeps edges and blends clean. A high quality JPG is fine for photographs.