Blog cover and featured image guides
Sizing, design, formats, and the details that make blog cover, featured, and Open Graph images look sharp everywhere they appear.
53 posts, page 2 of 6
Modern CSS Color for Blog Covers
One brand color can generate the palette, the legible headline, and the light and dark versions. Here is the modern CSS that does it, with a cover as the running example.
Why Gradients Band - and How Dither Fixes It
On an 8-bit screen there are only 256 steps per channel, so dark gradients break into visible bands. A little dither makes them smooth again.
Blog Cover Colors for 2026 - Six Palettes to Steal
Pantone went white, Pinterest went moody-maximalist - here are six 2026 palettes, with hex, that actually hold up on a cover.
Your Blog Cover Is Probably Your LCP
Your cover is almost always the Largest Contentful Paint - the one image most likely to slow the page, and Google is timing it.
Type-Only Blog Covers: When the Words Are the Image
Drop the stock photo and let big type carry the cover - the move that reads human and holds up small.
Should Your Blog Cover Image Have Text on It?
Yes for the image readers see, no for the thumbnail Google picks.
What Size Is a Ghost Feature Image?
Ghost wants one wide 1200x630 landscape, and the same file becomes your share card.
One Design, Every Size - The Social Image Kit
Design the cover once, then export every platform size in one pass.
Color Grading Your Blog Cover - Tone and Contrast
Warm or cool, flat or punchy - grade the photo so the cover holds.