Blog Menu

I write and curate content for Bluehost. I hope this blog post is helpful.
Are you looking at creating a blog, website or an online store? Bluehost has something for everyone. Get started today.

Managing images in WordPress is crucial for ensuring a well-functioning and visually appealing website. One key aspect of this is understanding and optimizing image sizes. From handling WordPress default image sizes to creating new custom image sizes, knowing how to adjust and manage your images will keep your site running smoothly and looking professional.

In this guide, we’ll cover everything you need to know about WordPress image handling, including how to modify default image sizes, create custom dimensions, regenerate thumbnails and optimize your images for both performance and SEO. Let’s dive into the details of working with images in WordPress and how to make sure they are optimized for the best results.

Understanding WordPress image sizes

When you upload images to your WordPress media library, WordPress automatically generates several different image sizes for each featured image. This functionality allows your site to serve the most appropriate size based on the context where the image is displayed, which enhances both performance and appearance.

What are the default WordPress image sizes?

By default, WordPress creates the following image sizes each time you upload an image:

  • Thumbnail size: 150×150 pixels
  • Medium size: 300×300 pixels
  • Large size: 1024×1024 pixels
  • Full size: The original uploaded image

These default image sizes are used in various places on your site, such as for featured images, galleries and post thumbnails. These dimensions help WordPress display images correctly, but they can be modified based on your specific needs, whether for aesthetic or performance reasons. Adjusting these sizes is straightforward and ensures better consistency across your content.

Why default image sizes matter

Each WordPress default image size plays a role in how images are displayed across different parts of your website:

  • Thumbnail size is used in galleries or widget areas.
  • Medium size works well for in-content visuals within blog posts.
  • Large size can be used for full-width images.
  • Full size ensures you can display the original, unaltered image when necessary.

These pre-defined sizes help maintain a consistent appearance and improve website speed by serving the most appropriate image size dimension for the context in which it’s displayed.

How to change WordPress image sizes

To change the default WordPress image sizes, follow these steps:

  1. Log into your WordPress dashboard.
  2. Navigate to Settings > Media.
  3. Here, you’ll find settings for Thumbnail size, Medium size and Large size. Adjust these dimensions as needed.
  4. Once done, click Save Changes.

It’s important to note that modifying these settings only affects future uploads. If you want to apply the changes to images that were previously uploaded, you will need to regenerate thumbnails, which we’ll explain later. Adjusting the default image size helps to maintain uniformity, especially when dealing with various image types, such as featured images or blog post visuals.

Adding custom image sizes

Why use custom image sizes?

The default image sizes may not meet every website’s needs. There are cases where you may require custom image sizes—for example, for a slider, gallery or specific post layouts. Custom dimensions can help optimize site performance, ensure responsive design and give you better control over how your images appear across different devices and contexts.

How to add custom image sizes

You can add a custom image size by modifying your theme’s functions.php file. Here’s how:

  1. Go to Appearance > Theme Editor in your WordPress dashboard.
  2. Open the functions.php file.

3. Add the following code to create a new custom image size:

add_image_size( 'custom-size-name', 800, 600, true );

In this code:

  • ‘custom-size-name’ is the unique identifier for your new size.
  • 800 is the width, and 600 is the height.
  • true ensures the image is cropped to exactly those dimensions.

After saving the file, WordPress will create new images at this size whenever you upload an image. To display this custom image size in your theme, use:

the_post_thumbnail( 'custom-size-name' );

Custom image sizes for specific uses

You might want custom image sizes for particular purposes, such as:

  • Featured images: A size of around 1200×630 pixels works well for blog posts and is also ideal for social media sharing.
  • Logo images: Logos are typically best at 200×100 pixels, ensuring clarity without being too large.
  • Background images: Full-screen backgrounds should be at least 1920×1080 pixels for sharpness on large displays.

Using these custom image sizes improves both performance and user experience by reducing unnecessary image bulk while maintaining a high-quality appearance.

Regenerating thumbnails and custom image size

Why regenerating thumbnails is necessary

When you change the default image sizes or add new custom image sizes, WordPress doesn’t automatically resize the images that have already been uploaded. To apply your new image dimensions to existing images, you need to regenerate thumbnails.

How to regenerate thumbnails

The easiest way to regenerate thumbnails is by using the Regenerate Thumbnails plugin. Here’s how to do it:

  1. Install and activate the Regenerate Thumbnails plugin.
  2. Go to Tools > Regenerate Thumbnails.
  3. Click Regenerate Thumbnails for All Attachments to resize your existing images according to the new sizes.

This step is crucial for ensuring all images on your site are resized according to your updated settings, especially if you’ve added custom image sizes for new layouts or design needs.

Manual method for regenerating thumbnails

If you prefer not to use a plugin, you can also regenerate thumbnails manually using WP-CLI, a command-line tool. The command is:

wp media regenerate

This method is ideal for users familiar with WP-CLI, allowing them to update all images to reflect new image sizes without installing additional plugins.

Choosing the best image formats for WordPress

Selecting the correct format for your WordPress images is important to optimize both image quality and site performance. Here’s an overview of the most commonly used image file formats:

  • JPEG: Best for photos and images with many colors, offering a good balance between quality and file size.
  • PNG: Ideal for images requiring transparency, such as logos or icons.
  • GIF: Suitable for simple animations or images with few colors.
  • WebP: A newer format offering high compression with minimal loss of quality, although not all browsers support it.

Choosing the appropriate format ensures that your images load quickly without sacrificing quality, especially when displaying featured images and other important visuals on your site.

Optimizing image sizes for performance

Why image optimization matters

Optimizing image sizes is crucial for reducing file sizes and improving load times, which directly affects your site’s performance and user experience. Large, uncompressed images can slow down page loading speeds, negatively impacting both SEO and user retention.

How to optimize images

To optimize your WordPress images, follow these best practices:

  • Compress images before uploading: Use tools like TinyPNG or JPEG-Optimizer to reduce file size without losing quality.
  • Use image optimization plugins: Plugins like Smush or ShortPixel can automatically compress images upon upload, ensuring they are properly optimized for the web.
  • Resize images appropriately: Avoid uploading oversized images. If your post requires an image that’s only 800 pixels wide, don’t upload images that are 2000 pixels wide.

By following these steps, you’ll optimize the image sizes on your WordPress site, ensuring faster loading times and better overall performance.

Choosing the correct image size for various parts of your site is essential for maintaining a polished look.

  • Blog posts: Images embedded in blog posts should generally be between 600 and 800 pixels wide.
  • Featured images: As mentioned earlier, a size of 1200×630 pixels works well for most featured images.
  • Logo images: Logos are typically best at around 200×100 pixels.
  • Social media sharing: To ensure images display properly when shared on social media, stick to a 16:9 ratio, with dimensions around 1200×630 pixels.
  • Galleries and sliders: For galleries or full-width sliders, images should be at least 1000-1200 pixels wide for high-quality display.

These recommended image sizes help ensure a consistent, professional appearance across your WordPress site.

Optimizing WordPress images for SEO

Best SEO practices for images

Optimizing your images for SEO is just as important as compressing and resizing them for performance. Here’s how you can improve your WordPress image SEO:

  • Use alt text: Always add descriptive alt text to your images. This helps search engines understand what the image is and also improves accessibility for visually impaired users.
  • Add relevant image titles: Including descriptive, keyword-rich titles for your images further enhances their SEO value.
  • Optimize file names: Instead of using default file names like “IMG_1234.jpg,” rename your images to something descriptive, like “best-wordpress-image-sizes.jpg.”

Following these practices helps your images contribute to your site’s overall SEO efforts, ensuring that they’re optimized for search engines.

Conclusion

Optimizing your WordPress image sizes is vital for maintaining a fast, visually appealing and SEO-friendly website. From understanding and modifying default image sizes to creating custom image sizes tailored to your site’s needs, proper image management is crucial for improving site performance and user experience.

By following the best practices outlined in this guide, including regenerating thumbnails, choosing the correct image format and optimizing your images for SEO, you can ensure that your WordPress site is efficient, responsive and ready to impress.

Frequently asked questions (FAQs)

What are the default WordPress image sizes?

The default WordPress image sizes include:
Thumbnail: 150×150 pixels
Medium: 300×300 pixels
Large: 1024×1024 pixels
Full size: The original size of the uploaded image
These sizes can be customized in the Media settings.

How do I change WordPress image sizes?

To change the default image sizes, go to Settings > Media in your WordPress dashboard, adjust the dimensions and save the changes. For existing images, you will need to regenerate thumbnails.

How do I add custom image sizes to WordPress?

To add a custom image size, modify your theme’s functions.php file using the add_image_size() function. Specify the custom dimensions and use the size in your theme’s template files.

What is the best image format for WordPress?

JPEG is best for photos, PNG for images requiring transparency and WebP for compressed images with minimal quality loss. The right format depends on the image type and your site’s requirements.

Why should I regenerate thumbnails in WordPress?

When you change image sizes or add custom sizes, WordPress doesn’t automatically update existing images. Regenerating thumbnails ensures that all images on your site conform to the new settings.

How do I optimize images for SEO in WordPress?

Optimize images for SEO by adding descriptive alt text, using keyword-rich file names and ensuring that images are resized and compressed to improve page load speed.

  • Priyanka Jain

    I'm Priyanka Jain, a content writer at Bluehost with four years of experience across various topics. I am passionate about turning complex ideas into simple, engaging content. Friendly and curious, I enjoy exploring new things and connecting with others.

Learn more about Bluehost Editorial Guidelines

Write A Comment