function plush_content_width()
{
$GLOBALS[‘content_width’] = apply_filters( ‘plush_content_width’, 640 );
}

I’m not sure why such a small max width would be imposed when the theme is designed to hold much larger content. I’m using a child theme – what do I need to insert in my child theme to override this in the parent theme?

I’m trying to fix the cushion around the image so it’s more centered and doesn’t look cut off.

Please advise if you know how to adjust this.

Thanks so much in advance.

Tracy

Ideally, the solution would delete the old original 6 mb images from the media library, saving the re-sized images instead, while retaining proper placement on the live site along with the captions, descriptions, etc. associated with the old original image. In other words, I want the live site to be otherwise unaffected without having to do anything beyond resizing the existing 6mb images already in the media library.

Question: Can ShortPixel do this? I’m only interested in re-sizing (scaling), not compression or other optimization techniques. Is there a way to accomplish this efficiently (in bulk), so that it can happen with a few clicks rather than requiring me to set up the process 22,000 times?

Background: Have a 7 year old WP blog that has many photos uploaded, mostly in the 6 to 7 mb range each. Bluehost shared server hosting. Site works, but according to Google Search Console has “no good URLs” for mobile due to slow page speeds, a situation which may have partially to do with all these large original photos. When WP5.3 came along and automatically resized images on upload to maximum 2560 px H or W, I had trouble uploading images to the media library, so disabled this WP5.3 feature using the Disable Big Image Threshold plugin.

Only recently decided to deactivate the Disable Big Image Threshold plugin. Again tried to upload new images to the media library, and suffered about a 50% failure rate. Contacted Bluehost support. They increased PHP limits, which helped reduce that failure rate substantially. The original 6mb photos (typical 4608 x 3456 px) now upload to the media library downsized to roughly 1mb with max 2560 px H or W. This is a tremendous savings in image size, like 83%!

So, what I want to do, is free up a ton of the of the server space I’m using by using Smush to resize all the photos already uploaded to the Bluehost Server (and already in use on my blog) down to max 2560 px H or W, while discarding the all original 6mb images already uploaded in the process. This would essentially amount to having had WP5.3’s automatic upload resizing feature activated for the the past 7 years, long before WP5.3 was even released. I also want to either simultaneously, or subsequently, Smush (compress) all of these images for further savings.

This is an enormous task! Can’t possibly do it manually running photos through an image optimizer one by one, then reloading them to the media library, deleting the original, adding descriptions and captions, and figuring out where to individually reinsert them into their proper positions in one of 570 posts, etc. Would literally take years. So not happening that way! If Smush can do this with a few clicks, it would be like a miracle!

Attempts Using Smush Free Plugin – According to the free Smush plugin, my blog has nearly 22,000 original images in need of Smushing! When I activate and test run Smush on these already uploaded large images, it only compresses them, and does not automatically resize them to the maximum 2560 px H or W limit. The compression takes the file size down to about 5.7 mb on a 6.0 mb file. Improvement, but only a fraction of what could be accomplished if Smush could also resize the image to max 2560 px H or W in the process.

The Smush plugin promotional propaganda makes it sound like Smush can optimize image size and compress all in few clicks, even for previously uploaded images. Is this true, though, only for images uploaded to the media library after the advent of WP5.3? I’ve tried reading Smush’s documentation for both the free and Pro versions, going through all the settings on the free version, and don’t see a way to make this happen.

The Smush sales chat rep told me to use the plugin’s image size settings, but they are already set by default to max 2560 px H or W. Smushing a few sample previously uploaded images only compressed, and did not downsize the files to these limits. Still 4608 x 3456 px. Furthermore, the description of this feature says to use it to permit the use of larger image files, with no mention of using it for downsizing. Already have larger files! 22,000 of them! That’s the problem!

Back to the problem: Can Smush bulk resize already uploaded large images down to max 2560 px H or W, or only compress them while retaining the same image size? The Smush sales rep had no clue.

I implemented the “big_image_size_threshold” WordPress filter hook on a new theme in development. There are no plugins installed that override this filter hook. I noticed it works only when defining a callback function that returns the desired threshold image size – in this case, the width target. It does not work when returning ‘__return_false’, which is suppose to disable the image size threshold altogether.

// completely disable image size threshold
// add_filter( 'big_image_size_threshold', '__return_false' );

// increase the image size threshold to 4000px
function lit_big_image_size_threshold( $threshold ) {
    return 10000; // new threshold
}
add_filter('big_image_size_threshold', 'lit_big_image_size_threshold', 999, 1);?>

I confirmed this by deleting the image in question from the WordPress Media Library prior to testing with each version of the filter hook. The disabling non-working version results in a large format image, the one originally imported into the WP Media Library, begin replaced with a scaled version at the default 2560px width size.

This scaled default behavior does not occur when applying the filter hook callback function version, again, which I verified in the WP Media Library. With the originally imported image falling below the threshold set in the filter hook’s callback function, the WP Media Library contains the imported image file in its original size.

Your feedback is greatly appreciated. Thank you.

Looking for a way to resize product category images, I realize I am able to resize product images from appearance, woocommerce, product images, however this is not doing the job for me as you can see if you look at my website, I tried this plugin (Simple Image Sizes) which was supposed to do the job, however it seems to only work on product images, I am using storefront theme with boutique child theme, any help would be massively appreciated.

I’ve uploaded a 900px width image to wordpress that’s 350kb.

Inserting this image into a page, I chose to resize it to default ‘large image’ size which is 800px width.

When I save this image to my computer from the page it’s published on, I notice the 800px resized image is now 1000kb in file size.

How can wordpress resize the dimensions of the source image to 100px width smaller yet the file size somehow increases, and from 350kb to 1000kb — about 3x!.

How exactly does that work? And why?

I want to make some changes to my product pages.

First of all, I’d like to add a line break / blank space between the product price and the add to cart button. Does anyone know a CSS code for that?

Also, is there a way to resize all images in portrait layout, without changing landscape images? My portrait images are much bigger than landscape photos right now, which creates a big empty space next to the photo, as you can see on the linked page.

with WP 5.3 handling large images now, I would like to know if there is a way to trigger the resizing for previously uploaded images as well?

Thanks

Hendrik

I’m using the Advanced Gallery Block and have a gallery that is 3 columns wide on desktop and using the “Medium” sized image.

I’d like to make the images be a bit smaller (280 max width x 180 max height).

I tried doing this in CSS, but it just crops the bottom of image rather than resizing it:

.kb-gal-image-radius {
max-width: 280px !important;
max-height: 180px !important;
}

Please help!