ImageStretcher

← Blog

When a Stretch Warps a Face or a Line of Type

ImageStretcher

Circles become ovals and letters follow the photo. Lock the ratio, crop, or extend the canvas when the subject itself cannot be the thing that stretches.

Stretching works by remapping every pixel into a new width and a new height. That is the feature. It is also why a face goes long and a wordmark goes wide. The bitmap does not know that the eyes should stay round or that the letters were set in a font. If the preview already looks wrong, another few percent in the same direction will not negotiate with it. You change which pixels are allowed to move.

Stretch vs Resize vs Crop is the decision before you start. This piece is the recovery after you can see the damage, and the habit that keeps type off the stretched layer.

What actually moved

A uniform resize multiplies width and height by the same factor. A circle stays a circle, and a letter stays the letter, only smaller or larger. A stretch uses two factors. If the new box is wider than the photo’s shape, everything gets wider, including the parts you meant to protect. There is no separate “stretch the background” switch on a single flat image. The background and the face are the same grid.

You can see it on simple shapes faster than on a portrait. A logo with a round mark becomes an oval the moment the axes diverge. A line of type set on the photo becomes a line of type in a condensed or extended cut you did not buy. Product labels do this on listing photos: the box fills, and the ingredients list turns into a different typeface. Viewers may not name the problem. They read the label as cheap, or the face as off, and they leave.

So the recovery is not a quality slider. JPEG quality changes blocks and noise. It does not put the circle back. You need a different geometry.

Lock the ratio when the subject is the point

Unlock is what lets the axes diverge. Lock it again and the tool returns to a resize: one side follows the other, and the subject keeps its shape. The cost is the bars, or the crop you then need, because a locked photo will not fill a box of a different shape. That cost is the correct one for a passport-style head, a logo, a clock face, a wheel, or any word that has to look like itself.

On a face, even a small unlock reads. Head length is something people measure without a ruler. A cover that needed a little extra width is a poor place to take that width from a portrait. Crop the face out of the stretch entirely. Let the stretch, if you still need one, happen on a background plate that has no face in it, and composite the unstretched head back on top in a tool that can layer. ImageStretcher’s stretch is one bitmap in, one bitmap out. It will not pin the face and pull only the sky. If you need that pin, you do it by separating the pixels first, not by dragging the width handle more gently.

Crop when you can spare an edge

Crop Image throws pixels away and leaves the rest at their original scale. A face inside the crop is the face you photographed. The parts outside the crop are gone, which is why crop feels expensive on a group photo and cheap on a portrait with extra background. When the warp you hate is the price of keeping every edge, decide whether you needed every edge. Most avatars do not. Most product tiles do not, if the product sits in the middle and the warehouse wall is what would have been stretched.

Crop to the target shape, then scale with the ratio locked until the pixel count matches the slot. The result is smaller in content and honest in proportion. A stretched result is full in content and dishonest in proportion. For identity pictures the honest one is the one you can ship.

Extend the canvas when the missing part is empty

Sometimes the photo is the right subject at the right shape, and the slot is simply larger. Stretching invents the extra size by pulling existing pixels apart. Extending the canvas invents the extra size by painting new pixels around the photo and leaving the original rectangle alone. That is the job of AI Image Expander: the picture you already framed stays put, and the new margin is filled beside it. Faces and type inside the original rectangle are not remapped. The fill can still look wrong, and it costs credits, and it is the wrong tool when you wanted the subject itself to grow into the frame. It is the right tool when the subject must not grow and the frame still has to be full.

A practical test: if you would notice the warp on a circle or a capital letter, do not stretch those pixels. Crop them to the shape you can afford, or extend the canvas around them. Stretch the photo only when the whole frame is allowed to become a new shape, poster graphics and textures included, faces and logos not included.

Type goes on after the pixels settle

Designers who stretch type by accident usually baked the words into the photo before the stretch. The words became pixels, and pixels stretch. The repair is to remove that step. Stretch or crop the picture until the frame is final. Then set the type at that final size, in the real font, on top of the finished bitmap. The letters never pass through the stretch. They cannot oval, because they were not in the grid that moved.

This matters on short banners more than on square posts, because the stretch factor is harsher. A LinkedIn personal cover is 1584×396. A SoundCloud banner is 2480×520. Pulling a photo into those strips changes width a lot. Any word inside the photo changes with it. A word set afterward, at 396 or 520 pixels of height, stays on the font’s own grid. You also get to avoid the corner the avatar will cover, which a pre-baked word will not dodge once the stretch is done.

A short recovery

  1. If the preview shows a long face, an oval circle, or uneven letters, undo the stretch. Do not add more of it.
  2. Lock the ratio and scale, or crop to the target shape, whenever the subject has to keep its identity.
  3. Use canvas extend when the original rectangle is already right and the slot needs more margin around it.
  4. Set type only after the bitmap’s width and height are final.

The stretcher will do what you ask, including to the parts you forgot were in the picture. The fix is to ask it to move only the pixels that can survive the move.