Skip to content

Everything for WordPress, web development — and beyond

🖼 The difference between a cover image and a featured image in WordPress

🖼 The difference between a cover image and a featured image in WordPress

You open the WordPress editor to write a post. You click "Add block" and see dozens of options. Among them is "Cover." In the sidebar, at the very bottom, hides "Featured image." Both involve pictures. Both affect how the post looks. But they do completely different things.

Confusion between the cover and the featured image is one of those things that beginner guides never mention. And they should. The wrong choice breaks your homepage layout, mangles social media previews, and leaves the article without a visual hook in the post body. Conversely, once you understand the difference, both features work as a unified system.

Below is a no-fluff breakdown: what each does, where it lives, how to add it, and when to use both.

💡 Quick overview:

  • Understand what a cover is and where it displays
  • Learn how the featured image works and where it appears
  • Compare key differences in a table across eight criteria
  • Add a cover through the block editor step by step
  • Set a featured image and fill in the alt text
  • Configure both formats for maximum post visibility

What is a cover in WordPress

Cover block in WordPress

A cover is a Gutenberg editor block that inserts a wide background image directly into the post body. Technically, this is the Cover block that appeared with the block editor in WordPress 5.0. It sits inside your content; you decide exactly where in the article to place it.

The cover's main feature is the text overlay. You write a headline or phrase over the image, change the text and background colors, and adjust the overlay opacity. The result looks like a magazine callout: a large visual plus a message on top. It works especially well in long articles, breaking up the text, giving the eye a rest, and highlighting a transition to a new topic.

What else the Cover block can do:

  • Fixed background. Enabled via a toggle in the block settings. The image stays in place while scrolling, a lightweight parallax effect without plugins.
  • Video instead of an image. You can upload a video file, and it will play as the cover background.
  • Gradient overlay. Besides a solid color, a gradient is available, from transparent to opaque in any direction.
  • Height adjustment. The block's minimum height can be set in pixels, vh, or other units.

The cover is only visible inside the post. On the blog homepage, in category feeds, and in search results, it does not appear. It is an element of internal layout, not metadata.

Featured image in WordPress

A featured image is a post meta field that has existed in WordPress since version 2.9. It is not inserted into the article body (though the theme may display it automatically at the start of the post). Its job is to represent the post externally.

Where the featured image appears:

  • Blog homepage. The theme displays a grid of posts, and each shows a thumbnail; that thumbnail is the featured image scaled to the required size.
  • Social networks. When a post is shared on VK, Telegram, X, or Facebook, the social network pulls the featured image via Open Graph markup. Without it, you get just a text link that users will scroll past.
  • Google Discover and search. Google may show a thumbnail next to the result, and the source is again the featured image.
  • Internal blocks. The "Latest Posts" block and similar ones pull the image from here.

The theme controls sizes; it registers a set of thumbnail dimensions (thumbnail, medium, large, plus custom ones), and WordPress generates copies at each size during upload. The original remains in the media library.

An important nuance: the featured image does not have to appear in the post body. You can upload an image only in the meta field, and it will show up nowhere inside the article, only in external representations. Conversely, an image inside the content does not become the featured image automatically.

Differences table

Criterion

Cover

Featured image

Location

Inside the post body (Gutenberg block)

In the editor sidebar (meta field)

Visibility

Only when the post is opened

Homepage, categories, social media, search

SEO impact

Indirect (reader retention)

Direct (Open Graph, thumbnail in search results)

Text overlay

Yes, customizable

No, it is simply an image

Parallax / video background

Yes

No

Introduced in version

WordPress 5.0 (2018)

WordPress 2.9 (2009)

Required

No, optional

No, but strongly recommended

Count per post

As many as you want

Exactly one

How to add a cover in the block editor

Open an existing post or create a new one. In the Gutenberg editor, click the "+" button (add block) at the spot in the text where you want the cover. In the block search bar, type "Cover"; the Cover block icon will appear. Click it.

The block will insert into the content with a "Choose Image" button. Click it, and the media library will open. Select an image or drag a new one from your computer. After upload, the image will stretch to the content width.

Now configure the block via the right panel:

  • Overlay. In the block panel, you will see the "Overlay" setting, a colored layer between the image and text. By default, it is gray at 50% opacity (see the Cover block documentation). You can change the color, reduce opacity to zero (the overlay disappears), or replace it with a gradient.
  • Text. Click directly on the block and type a headline or paragraph. Font, size, and color are adjusted with standard tools.
  • Fixed background. The "Fixed background" toggle in the sidebar enables the parallax effect.
  • Minimum height. In the block settings, enter a value in pixels, for example, 400px for desktop.

An alternative method: the Cover block does not have to be standalone. In the editor, you can convert any group of blocks into a cover by selecting them and clicking "Group" → "Cover."

Open the post editor. In the right sidebar, find the "Post" tab (the first icon in the top row). Scroll down to the "Featured image" section. If you do not see it, expand the tab via "Settings" (the vertical ellipsis in the upper right corner → "Settings" → "Post").

Click "Set featured image." The media library will open. Select an image. After selecting, make sure to fill in two fields:

  • Alt text. A brief but informative description of what is in the image. Needed for accessibility (screen readers) and SEO. Do not duplicate the post title; describe the image content itself.
  • Caption. Displayed below the image if the theme supports it. Can be left empty.

The "Done" button saves your selection. The image will appear in the "Featured image" section with a preview. To replace it, click the preview and choose another.

Important: do not confuse alt and title. Alt is for software; title is a tooltip on hover. For a featured image, alt takes priority because that is what search engines read in Open Graph.

When to use both

The optimal scenario for a blog is to use both formats simultaneously but with different images.

Let the featured image be informative: an interface screenshot, a diagram, a photo of the result. This image will appear on social media and in search; it should sell the click. No clipart or stock "person at laptop" photos.

Place a cover in one or two spots within a long article as a visual separator between logical sections. The image can be atmospheric or abstract, with a text overlay quoting the article. It does not need to carry informational weight; its job is to keep the reader engaged.

When a cover is unnecessary: short news items of two or three paragraphs. When a featured image is unnecessary: almost never. A post without a featured image loses clickability on social media and looks unfinished in the blog feed.

One technical note: some themes automatically display the featured image at the start of the post. If you use such a layout, place the cover not at the very beginning but after the first or second paragraph to avoid two large images in a row.

The WebTutorials YouTube channel visually demonstrates the process of adding both types of images in a real WordPress editor, from searching for the block to publishing.

⁉️🤔 Frequently asked questions

Can I use the same image for both the cover and the featured image?

Technically, yes. But the result rarely looks good. The featured image is scaled by the theme to specific proportions (often 16:9 or 4:3), while the cover stretches to the full content width with an overlay. The same image will get cropped in one place and lose its composition in another. It is better to choose two different images.

What matters more for SEO: the cover or the featured image?

The featured image. It goes into Open Graph markup, displays in Google Discover, and may appear next to the snippet in search. The cover does not directly affect SEO but helps indirectly by lowering bounce rate; a well-designed post keeps readers engaged longer.

Why does the featured image not display on social media after publishing?

Social networks cache Open Graph data. If you first published the post without an image and then added one, Facebook and X will show the old version. Solution: run the URL through an Open Graph validator (Facebook Sharing Debugger, Twitter Card Validator) or simply wait 24 to 48 hours.

Can I add a cover to posts created before Gutenberg?

Yes. The Classic Editor did not display the Cover block, but after switching to blocks, you can open any old post and it will convert to a compatible format. Insert the cover like any regular block.

How do I speed up page load when using many covers?

Do not place more than two covers per post. For each image, use a modern format (WebP or AVIF). Optimize sizes: the content area width rarely exceeds 1200 px, so there is no point in loading an image 4000 px wide. Free plugins like ShortPixel or EWWW Image Optimizer compress images automatically on upload. For more on optimization, see our guide to images in WordPress.

Cover or featured: what to use in your post

The short answer is both. The featured image promotes the post externally: homepage, social media, search. The cover keeps the reader engaged inside: a visual divider, an overlay with a quote, a parallax background. The functions do not overlap; they complement each other.

If you must choose only one, always pick the featured image. A post without it is invisible to the outside world. The cover is an option for those who want to get the most out of long-form content.

Do not skimp on images. Two meaningful images per post is not a luxury; it is the minimum standard for a visually competent WordPress blog.