Logo Placement on Blog Covers
One fixed corner, small, clear of the crop - and never moved again.
I put a logo on every blog cover I make, and for a long time I moved it around - top-left here, centered there, big on one, tiny on the next. The feed looked restless, and none of the covers read as a set. The fix was boring and total: one corner, one size, locked.
Put your logo in one fixed corner, small, clear of the edges a platform crop eats, and never move it - the fixed spot is what makes a feed of covers read as yours. That is the whole answer. The rest is which corner, how small, and the handful of cases where you skip the logo entirely.
The logo is one of the locks that keep a feed consistent, and it earns a line in your featured-image style guide. This post is the close-up on that one decision: placement. Where the mark goes, how big, how it survives a photo and a crop, and when it has no business being on the cover at all.
Pick one corner and weld it there
A corner, and the same corner forever. The center belongs to your subject and your title; a logo parked there fights both. A corner reads as a signature - the place a reader’s eye learns to glance without being asked.
Bottom-right is my default. It reads as a signature the way a painter signs the lower corner, and it almost never collides with a title, which usually sits left or fills a bottom band from the other side. Bottom-left is the next-best pick if your titles sit on the right. Top-left works when your title sits low on the cover and leaves the top clear. Top-right is the weakest spot - it is where close buttons and menu icons live on a lot of platforms, so a logo up there reads as interface chrome instead of your brand.
The corner you choose matters less than the fact that you chose one. What does the work is never moving it. When the mark sits bottom-right on twelve covers in a row, the thirteenth is recognized as yours before a single word is read. Move it per post and you throw that recognition away every time.
Small enough to read as a signature
A logo on a cover is a mark, not a headline. If it is the first thing your eye lands on, it is too big and it is stealing attention the title paid for.
On a 1200×630 cover, a logo around 80 to 140px wide sits right - present, readable, clearly subordinate to the title. That is roughly 7 to 12 percent of the width. A wordmark can run a touch wider than an icon because it is shorter; a square icon should stay near the small end so it does not turn into a block. The test is the same squint I run on the whole cover: shrink the design to a thumbnail. The title and subject should win the glance, and the logo should still be legible in its corner. If the mark vanishes at thumbnail size, nudge it up. If it is the first thing you see, pull it down.
| Logo type | Width on a 1200×630 cover | Reads as |
|---|---|---|
| Icon / monogram | 80-110px | a quiet signature |
| Short wordmark | 110-140px | a clear byline |
| Full logo + tagline | skip the tagline | too busy for a corner |
If your logo has a tagline locked to it, drop the tagline for covers and use the mark alone. A corner is too small to carry a sentence, and the tagline is the first thing that turns to mush at feed scale.
Keep it clear of the crop a platform eats
Here is the part most people miss, and it is the one that bites in the share preview. Your cover does not always show at full width. A share card is 1200×630 at 1.91:1, but the platforms crop it differently, and a logo too close to an edge gets sliced.
X reads your og:image and center-crops it, so the outer edges are the first to go. Square homepage thumbnails and archive grids crop your 1.91:1 cover toward a square, eating the left and right margins. A logo jammed into the far corner can lose half itself in either case. So inset the mark: hold it a comfortable margin off both edges - roughly 32 to 48px on a 1200×630 design - so a center-crop or a square crop never clips it. Far enough in to survive the crop, still clearly in its corner.
This is the same crop logic behind the share-card spec and the per-platform sizes: anything you cannot afford to lose lives away from the 1.91:1 edges, toward the center-safe zone. Your logo is exactly that kind of thing. The fix is small. Inset it and forget it.
Make it readable over a photo
A logo over a flat brand color is easy - pick the contrasting version and you are done. Over a photo it has the same problem your title does: the corner of a busy image is rarely a clean backdrop, and a mark that reads over a dark patch disappears over a bright one.
Give the logo the same help you give the text over a photo. Three ways, in order of how often I reach for them:
- Use a single-color version of the mark - solid white or solid near-black - and let the corner’s tone decide which. A flat one-color logo survives a photo far better than a full-color one that competes with whatever is behind it.
- Sit it in the scrim you already have. If your title rides a gradient scrim along the bottom, put the logo in that same band. The scrim that carries the title carries the mark for free.
- Add a small, soft shadow if the corner is genuinely mixed - a low-opacity drop shadow lifts a white mark off a light patch without a visible box.
Then grayscale-check it the way you would a title. Strip the color out of the whole comp; if the logo still reads, the contrast is real. If it fades, you were leaning on a color difference that fails over the wrong photo or for a color-blind reader. The bar is the same WCAG line a title clears - 4.5:1 for the fine parts of a mark, 3:1 for large.
When to skip the logo entirely
A logo on the cover is a default you can break. Sometimes the cleanest move is to leave it off, and three cases come up often enough to name.
Your blog name is already in the cover. If the design sets your publication name in big type as part of the layout, a corner logo on top of it is redundant - the name is the branding. Drop the mark.
The platform already brands the post. Inside your own site, every cover sits under your header, your nav, your byline. The logo earns its keep on the covers that travel - the share card, the pin, the link someone pastes into a chat - because those land with no other context. On covers that only ever appear on your own pages, it is optional.
The cover is a clean photo or a strong single subject. Some images are doing all the work, and a corner mark only clutters them. If the photo is the point, trust it. You lose attribution when the image gets reshared bare, which is the one real cost - and the reason a small corner mark is usually still worth it on anything that leaves your site.
That is the watermark question, settled: a small mark in your fixed corner does the attribution job. A heavy diagonal watermark stamped across the whole image does not. It fights the title, reads as defensive, and is the first thing a reader’s eye rejects. Keep the mark in its corner at signature size and it protects the image without wrecking it.
A quick checklist
Before a cover ships, confirm the logo is doing its quiet job:
- The logo sits in one fixed corner, the same one as every other cover.
- It is small - roughly 80 to 140px on a 1200×630 cover, sized as a mark.
- It is inset 32 to 48px off both edges so a center-crop or square crop never clips it.
- It is a single-color version that reads over the actual background, grayscale-checked.
- The title and subject still win the glance when you shrink the design to a thumbnail.
- You dropped any tagline, and you skipped the logo entirely if the cover already carries your name.
Lay three recent covers side by side and cover the titles. If the logo is in the same corner at the same size on all three, the placement is working. If it wanders, you have found the variable that is making your feed look accidental.
I built this post’s cover in Lede with the logo welded to one corner, sized to sit quiet under the title. When you want to set yours the same way, open the editor and lock the mark into a corner once, or start from a layout in the gallery and drop your logo into the spot it keeps for every cover after.