如何修复WordPress缩略图模糊问题？控制台改值有效但不知代码/后台设置方法

Hey there! I’ve run into this exact issue before—nothing’s more frustrating than crisp images turning blurry because WordPress is serving a scaled-down version. Let’s walk through the ways you can permanently set that dimension to 800 so you don’t have to tweak it manually in the console every time.

1. Adjust Default Image Sizes in WordPress Admin #

The simplest fix is usually tweaking your site’s default image settings:

• Log into your WordPress dashboard, go to Settings > Media
• Look for the size that’s being used (it sounds like this is the "Medium" size or a custom size your theme relies on)
• Set the Width to 800, and set the Height to 9999 (this lets WordPress auto-calculate the height to maintain your image’s aspect ratio)
• Save your changes.

⚠️ Important: Old images won’t update automatically. You’ll need to regenerate thumbnails for existing media. Use a free plugin like Regenerate Thumbnails to batch-process all your images—this will recreate them at the new 800px width.

2. Customize via Theme Functions (Code Method) #

If your theme overrides default media settings, or you need more control, add this code to your child theme’s functions.php file (always use a child theme to avoid losing changes when your theme updates):

// Update default medium image size to 800px width
add_action( 'after_setup_theme', 'set_custom_image_size' );
function set_custom_image_size() {
    // Set medium width to 800, height to auto (9999 means no fixed height)
    update_option( 'medium_size_w', 800 );
    update_option( 'medium_size_h', 9999 );
    
    // If you're using a custom image size registered by your theme, update it here:
    // add_image_size( 'theme-custom-size', 800, 9999, false );
}

After adding this code, save the file and regenerate your thumbnails as mentioned above.

3. Tweak Responsive Image srcset (If Needed) #

Sometimes WordPress generates multiple smaller versions of images for responsive design, and it might be serving a tiny one by mistake. To ensure only the 800px (and larger) versions are included in the srcset, add this filter to your functions.php:

// Filter srcset to remove images smaller than 800px
add_filter( 'wp_calculate_image_srcset', 'filter_small_srcset_images' );
function filter_small_srcset_images( $sources ) {
    foreach ( $sources as $key => $source ) {
        if ( $source['width'] < 800 ) {
            unset( $sources[$key] );
        }
    }
    return $sources;
}

Start with the admin settings first—it’s the quickest fix. If that doesn’t work, move to the code methods. You should see your images load crisply at the 800px width afterward.

内容的提问来源于stack exchange，提问作者Victor S.