You find a skyline you love, set it on your monitor, and it looks superb. You send it to your phone and it is a mess: half the city missing, the interesting part hidden behind the clock, the whole thing somehow both zoomed in and empty. The image did not change. The shape of the hole you are pushing it through did.
The ratios are nearly opposite
A typical monitor is 16:9, wider than it is tall. A typical phone is roughly 19.5:9 or 20:9 in portrait, which is dramatically taller than it is wide.
Fitting a wide image into a tall frame means one of two things. Either the system scales it to match the width and leaves large empty bands top and bottom, or it scales to match the height and throws away most of the width. Phones do the second, so roughly two thirds of a 16:9 skyline is simply discarded.
What survives is a narrow vertical slice through the middle. For a skyline, that is usually the least interesting part, because the composition's whole point was its horizontal spread.
The interface takes a bigger share
The second problem is that a phone covers more of its own wallpaper than a desktop does, and it covers the parts that matter.
A lock screen puts a large clock across the upper third and notifications below it. A home screen puts a grid of icons across most of the remaining area, plus a dock at the bottom. On many phones the upper middle is also interrupted by a camera cutout.
So the usable region is the band between the clock and the top row of icons, plus whatever shows between the icons themselves. On a desktop your icons sit in one column at the side; on a phone they are spread across the entire surface.
On a monitor the wallpaper is mostly visible. On a phone it is mostly a texture glimpsed between other things.
What works on a tall screen
Images with vertical structure survive the crop. A single tower shot from street level looking up, a narrow street canyon, a bridge cable, a reflection running down through water: all of these keep their subject when the sides are cut away.
Images with a strong top to bottom gradient also work, because the gradient is unaffected by cropping width. A dusk sky deepening from the horizon upward reads correctly in any aspect ratio.
Aerial and wide panoramic compositions are the worst candidates, which is unfortunate because they are often the most impressive on a monitor.
Choosing the crop yourself
Both platforms let you position the image rather than accepting the automatic centre crop, and almost nobody uses it.
On iOS, when you set a photo as wallpaper you can pinch to zoom and drag to reposition before confirming. On Android the behaviour varies by manufacturer, but most launchers present a crop frame at the same point.
Two minutes spent dragging the frame so that the lit part of the skyline sits in the gap between the clock and the first row of icons is the difference between an image that works and one you replace within a day.
Lock screen and home screen are different problems
It is worth treating them separately, since both systems allow different images.
The lock screen is seen in full for a second or two at a time and has a large clock on it. It can carry a bolder, more detailed image, as long as the top third is quiet enough for the time to stay readable.
The home screen is a working surface covered in icons and seen constantly. It wants the same treatment as a desktop: darker, smoother, and lower in contrast, so the icons read cleanly and the background does not compete.
The practical approach
- Do not reuse a desktop image on a phone without re cropping it.
- Favour vertical subjects and top to bottom gradients for portrait screens.
- Position the crop manually so the subject lands between the clock and the icons.
- Use a quieter image on the home screen than on the lock screen.
- If an image only works in one orientation, accept that and keep it there.
A high resolution original helps with all of this, because a phone crop is effectively a zoom into a portion of the frame. Starting from a large file means the slice you keep still has enough pixels to look sharp on a dense display.
