TOOLTIKI Lovable tool, really free

The grid crop is not the feed crop

A portrait post appears at its full height in a feed and as a square thumbnail on a profile. The square is a centre crop, so the top and bottom of every image are removed for anyone looking at the grid — which is most people arriving at a profile for the first time.

The two views are designed separately by the platform and almost never by the person posting, which is why a profile can look disjointed while every individual post looks fine.

Which views does one image have to survive?

More than the one it was designed in.

View Shape Size on screen
Feed as posted large
Profile grid square centre crop small
Search or explore square very small
Share preview wide crop small

The grid is the one to check deliberately. A set of posts that each work alone can clash as a block of nine, and the block is what a visitor judges before deciding whether to follow.

Keeping the subject centred and away from the top and bottom edges is what makes one file work in all four. It is the same discipline as designing a banner for its safe area.

Why preview rather than trust the design?

Because the platform composes the post rather than displaying it. Caption text is truncated at a length you cannot see in a design tool, the profile row sits over part of the image in some formats, and interface elements cover the corners.

A preview also shows the caption break point, which is the most consequential invisible decision on a post. Everything after the fold requires a tap, so the first line does the work of a headline whether or not it was written as one.

None of it is visible until the post is assembled, and assembling it in a preview costs less than publishing and deleting.

Why do caption line breaks disappear?

Because some composers strip consecutive newlines. A caption written with blank lines between paragraphs arrives as one block, and the formatting that made it readable is gone.

The workaround is to put something on the apparently blank line — an invisible character, which satisfies the check that the line is not empty while displaying nothing. It is the same trick behind blank display names, applied usefully.

It is worth doing sparingly. A caption with more whitespace than text reads as padding, and the platforms that strip it are arguably right about that.

What makes a thumbnail work?

Being legible at the smallest size it will appear. A video thumbnail shows full width on a phone and at a fraction of that in a sidebar, and the sidebar version is the one that decides whether it gets clicked.

That rules out anything with more than a few words. Three or four large words survive; a sentence does not, and text that fills the frame edge to edge gets clipped by the duration badge in one corner and a progress bar along the bottom.

Contrast does the rest. A thumbnail is competing with a page of other thumbnails, so the useful comparison is not whether it looks good alone but whether it stands out in a column of twenty.

What is a mockup for, if not checking?

Presentation rather than verification. Placing a design inside a phone frame makes it legible in a pitch deck, a portfolio or an advertisement, where a flat rectangle would read as an unfinished asset.

That is a different job from a preview and it is worth keeping the two separate in your head. A mockup makes work look finished; a preview tells you whether it is.

Using a mockup as a check is the failure mode. A device frame flatters a design and hides exactly the cropping and truncation a preview would have caught.

What is worth checking before every post?

Three things, and they take under a minute together. Whether the first line of the caption survives the fold, whether the subject survives the square crop, and whether any text in the image is legible at thumbnail size.

None of them is visible while designing, and all three are decided by the platform rather than by you. Checking them is the difference between a post that works and one that was fine in the file it came from.

For anything scheduled in advance the check matters more, because there is nobody watching when it goes out to notice that the caption broke in the wrong place.

Questions people ask

Should the grid be planned as a whole? For a brand account, usually. For a personal one it is a constraint nobody asked for.

Can I change the grid crop? Not directly. Some platforms let you pick the thumbnail area when posting, and otherwise it is a centre crop.

Does reordering a grid affect reach? No. It affects the impression a profile makes, which is a different thing.

How long should a caption’s first line be? Short enough to survive the fold, which is a handful of words rather than a sentence.

Do previews account for compression? No. They show layout and cropping, and the platform re-encodes on upload regardless.

Assemble it before you publish it. The Instagram feed preview shows the grid as a whole, the post preview and Instagram mockup cover the single post, the social media mockup generator frames a design for a deck, the YouTube thumbnail preview and thumbnail size handle the small-size test, and the Instagram line break generator keeps a caption’s paragraphs apart.