L2.3 – Featured Images & Media Library Basics

Module : 02 – Creating Website Content

Lesson < : Lesson 2.2 — Using Block Patterns and Layouts
Lesson > : Lesson 2.4 — Creating a Homepage with Blocks

What Are Featured Images?
Why Featured Images Matter
How to Add a Featured Image
Recommended Image Sizes
Media Library Overview
Uploading and Managing Files
Editing Images in the Media Library
Best Practices
Summary

1. What Are Featured Images?

A featured image is the primary image associated with a post or page. It represents your content in previews, blog listings, social media shares, and certain theme layouts.

Featured images help readers quickly understand the topic and visual style of your content.

2. Why Featured Images Matter

Featured images play an important role in user experience, branding, and engagement. They help attract attention and improve the overall design of your website.

Improves visual appeal
Enhances user engagement
Helps with social media link previews
Supports consistent branding
Improves the clarity of blog listings

3. How to Add a Featured Image

Featured images are added through the post or page settings panel.

Open the post or page editor
Open the settings sidebar (if not visible)
Locate the Featured Image panel
Click Select Image
Choose from the Media Library or upload a new file

After selection, you can replace or remove the image at any time.

4. Recommended Image Sizes

Choosing the correct size ensures faster loading and consistent design. Common recommendations include:

Featured image on blog posts: 1200 × 675 px
Cover or hero images: 1920 × 1080 px
Thumbnail images: 400 × 400 px

Always compress images to reduce file size before uploading.

5. Media Library Overview

The Media Library stores all files uploaded to WordPress, including images, videos, audio, and documents. You can view files in grid or list mode.

Grid view shows thumbnails for visual browsing
List view shows file details such as size and upload date
Search and filtering options help locate files quickly

The Media Library is accessible from both the admin menu and the editor.

6. Uploading and Managing Files

You can upload individual files directly from the Media Library or through the editor.

Drag and drop files into the Media Library
Upload images through blocks such as the Image block
Replace files using a plugin if needed
Delete unused files to keep your library organized

Managing media properly helps maintain storage efficiency and improves site performance.

7. Editing Images in the Media Library

WordPress provides basic image editing tools for quick adjustments without leaving the dashboard.

Cropping
Rotating
Flipping
Scaling
Replacing the image (with plugins)

These tools help fix small issues without needing external software.

8. Best Practices

Following best practices ensures your media library stays organized and your site performs well.

Use proper filenames for SEO and organization
Compress images before uploading
Avoid uploading excessively large images
Use a consistent size and aspect ratio for featured images
Delete unused media to reduce clutter

These habits help maintain a fast, organized, and visually consistent website.

9. Summary

Featured images represent posts and pages across your website
They improve visual presentation and engagement
The Media Library stores and organizes all uploaded files
WordPress offers simple tools for image management and editing
Following best practices ensures performance and organization