One Photo for a Cover, an Avatar, and a Story

One camera photo is supposed to become a page cover, a round profile picture, and a full-screen story. The usual failure is doing those in the wrong order: stretch the cover until it looks finished, then derive the avatar and the story from that stretched file. Each later frame inherits the warp, and the original proportions are gone. The photo you actually have is still on disk. Go back to it.

The tool on the image stretcher can make all three, and the Instagram sizes show why they cannot be one export. A square post is 1080×1080, a story is 1080×1920, and the profile is 320×320. Facebook’s cover is a different animal again, 820×360, with the phone keeping only the middle. None of those numbers falls out of the others by locking the aspect ratio.

Keep a master that you never stretch

Call the camera file the master, and do not overwrite it. The master is the only picture whose circles are still circles. Every export is a child. When a child looks wrong, you throw the child away and make another from the master. You do not “fix” the child by stretching it a second time. A second stretch compounds the first. A face that was five percent too tall becomes obviously tall, and the text you added on the cover stretches with the second pass even if you only meant to change the story.

Working this way feels slower for about four minutes. It is faster than rebuilding the cover because the story export ruined the only copy. Download each child under a name that says the slot: cover, avatar, story. The master keeps the camera’s filename.

The avatar is a crop, almost every time

An avatar is a head, or a mark, inside a small square that the app will mask to a circle. Facebook’s profile on its size chart is 320×320. Instagram’s is 320×320. Discord’s is 512×512. The circle deletes the corners, so the head has to sit in the middle with a little room, not touching the square’s edge where the mask will shave it.

Crop Image is the right first tool. Crop a square around the head from the master. Then scale that square to 320 or 512. Scaling a square onto a square does not stretch. The face stays the shape it had in the crop. Stretching the wide master straight into 320×320 pulls the cheeks and still loses the corners to the circle, so you pay for a distortion nobody sees the edges of.

Logos follow the same rule when they are the avatar. A wordmark that is already wide should not be stretched taller to fill the circle. Crop to the symbol, or leave the wordmark on the cover and use a simple mark for the avatar. The cover has the width. The avatar does not.

The cover is the wide frame, and it may be the one you stretch

Covers are where a stretch earns its place, because the slot is a strip and the master is usually a 3:2 or 4:3 photo. Facebook’s cover is 820×360. LinkedIn’s personal cover is 1584×396. X’s header is 1500×500. SoundCloud’s profile banner is 2480×520. A locked resize of a landscape photo into any of those leaves bars, or it forces a crop that throws away the top and bottom of a scene you wanted.

Stretch the master into the cover after the subject is already in the safe middle, the region discussed for feeds that crop again. Unlock the ratio, set the cover’s width and height, and watch the preview. A mild horizontal stretch on a sky or a wall is quiet. The same stretch across a row of people is obvious, because shoulders get wider and the gaps between them change. When that happens, crop a wider window from the master instead, even if you lose some sky. The cover can be mostly background. It cannot be a group photo with the wrong shoulders.

Export the cover, and stop using it as a source. It is now a short strip. It has thrown away the vertical information the story needs.

The story is a tall frame from the master, not from the cover

A story, a Reel, a Short, and a TikTok still on these charts are 1080×1920. The cover you just made is something like 820 pixels wide and 360 tall. Stretching that strip downward until it is 1920 tall turns the cover into a smear. There is not enough picture in 360 rows of pixels to invent a full-screen story. Go back to the master.

From the master, crop a tall window if the scene has one: a standing person, a building, a product on a table with space above and below. A tall crop at the story’s shape only needs a scale, not a stretch. When the master is a landscape with no tall window, you have a real choice. Stretching it to 1080×1920 makes the scene taller, which can be the look you want for a graphic and a bad look for a horizon or a face. Cropping it to 1080×1920 keeps the horizon and loses the left and right. Pick one and export it as its own file. The widescreen-into-vertical guide walks the arithmetic of that choice. It is a different article because it stays on 16:9 versus 9:16, not on the three-slot workflow.

Leave the lower part of the 1080×1920 file able to sit under a caption. You already placed the person in the tall crop. Do not then stretch the file again to “nudge” them up. Crop a slightly higher window from the master and scale.

A workable order

1. Duplicate nothing over the master. Leave the camera file alone.
2. Crop the avatar square from the master and scale it to the profile size. Do not stretch.
3. Place the cover’s subject in the middle of the wide slot, then stretch the master into that slot only if a crop cannot fill it.
4. Crop or stretch the story from the master, never from the cover file.
5. Download three files. If one looks wrong, delete that file and repeat its step.

The cover, the avatar, and the story are three readings of one photo. They stay honest when each reading starts from the unstretched picture, and when stretch is reserved for the slot whose shape you have decided to fill on purpose.