Images play an important role in making your website engaging and professional. WordPress makes it easy to upload and manage images, but there are best practices you should follow to keep your site organized and running smoothly.

This guide explains how to upload images properly and avoid common mistakes.

Where Images Are Stored

All images uploaded to WordPress are stored in the Media Library.

The Media Library:

• Stores all images and files

• Allows you to reuse images on multiple pages

• Keeps your content organized

You can access it by clicking Media → Library in the left-hand menu.

Two Ways to Upload Images

There are two main ways to upload images.

Method 1: Upload Through the Media Library

1. Click Media in the left-hand menu.

2. Click Add New.

3. Drag and drop your image into the upload area, or click Select Files.

4. Wait for the upload to complete.

This method uploads the image before inserting it into a page.

Method 2: Upload Directly Inside a Page

1. Edit the page where you want the image.

2. Add an Image block.

3. Click Upload.

4. Select your image from your computer.

This uploads the image and places it directly into the page.

Both methods store the file in the Media Library.

Accepted Image File Types

WordPress commonly accepts:

• JPG or JPEG (best for photos)

• PNG (best for graphics with transparency)

• WebP (modern compressed format)

• GIF (for simple animations)

If your file does not upload, check the file type.

Choosing the Right Image Size

Uploading very large images can slow down your website.

Before uploading:

• Resize images to a reasonable width (often 1200–2000 pixels wide is sufficient for most websites)

• Avoid uploading 5000+ pixel images unless necessary

• Compress large files if possible

Large file sizes affect performance and page speed.

What Happens After Uploading

When you upload an image, WordPress:

• Stores the original file

• Automatically creates multiple resized versions

• Makes those sizes available for different layout needs

This helps improve performance across devices.

Adding Alt Text (Important)

After uploading an image, you will see a field labeled Alt Text.

Alt text:

• Describes the image

• Helps screen readers for accessibility

• Improves search engine understanding

Alt text should briefly describe what the image shows.

Example:

Instead of “image123.jpg,” use:

“Community event at Municipal Park.”

Avoid keyword stuffing. Keep it natural and descriptive.

Inserting an Image into a Page

To insert an image:

1. Add an Image block.

2. Choose Media Library.

3. Select the image.

4. Click Insert.

You can then adjust alignment and size.

Editing Image Details

Inside the Media Library, you can:

• Edit the image title

• Update alt text

• View file information

• Copy the file URL

You can also crop or rotate images using the basic editing tools.

Reusing Images

Once uploaded, images can be reused on multiple pages.

You do not need to upload the same image more than once.

Simply select it from the Media Library when needed.

Deleting Images (Use Caution)

If you delete an image from the Media Library:

• It is removed from every page where it is used

• It cannot be restored unless you have a backup

Only delete images you are certain are no longer used anywhere on the site.

Common Image Upload Mistakes

• Uploading extremely large files

• Using unclear file names

• Forgetting to add alt text

• Deleting images that are still in use

• Uploading duplicate copies of the same image

Being consistent prevents clutter.

Best Practices for Image Management

• Use clear file names (example: roofing-team-install.jpg)

• Add descriptive alt text

• Resize images before uploading

• Reuse existing images when possible

• Organize uploads thoughtfully

Good image management improves performance and organization.

A Simple Workflow for Uploading Images

1. Resize the image on your computer.

2. Give it a clear file name.

3. Upload it via Media or directly in a page.

4. Add alt text.

5. Insert it into your content.

6. Preview before publishing.

This keeps your website fast and accessible.

Summary

To upload images in WordPress:

• Use the Media Library or Image block

• Upload properly sized images

• Add descriptive alt text

• Avoid deleting files in use

Images enhance your website, but proper management ensures performance and professionalism.