images always look blurry even though they should be at 100% quality. Any ideas why or is it simply because we scale images quite small(ish)?

Many thanks

Oliver

Our case may be a bit different than most as we’re trying to keep quality on resized thumbnails as high as possible for a portfolio site that shows are images very large. So quality is a bit more important than max size reduction for us. We have about 8 thumbnail sizes that are generated from each high-quality original to fill our responsive images srcset.

1) It appears that the color profiles are being stripped from the images (both JPG & WebP), even if I choose ‘Do Not Strip At All’ from “Strip meta data’ setting. I tried settings different Color Spaces, but same result. How do we get it to retain embedded color profiles (ours will usually be standard sRGB IEC61966-2.1)?

2) Is there any way to invoke ImageMagick’s sharpen settings for resized images? By default, resized images are horribly soft. So we’ve had to rely on an ancient sharpening plugin that hasn’t been updated in 4-5 years. Would love to have an all-in-one solution.

3) What exactly does ‘WebP Compression Quality for JPEG images’ do? Does that just determine whether WebP uses the quality setting in the WebP box vs. what’s in the JPEG box?

4) Are WebP thumbnail images all generated from the original uploaded full-size JPG image? That would be ideal, as I believe our existing solution converts the already resized JPGs to WebP, so double compression (not good).

5) Is there any way to go beyond the imposed quality limits for special-case situations like ours? Our images unfortunately are photos/mock-ups of our projects (brochures, catalogs, etc), so they have large areas of solid color, small type, and photographic images all in one image. So compression artifacts become much more noticeable.

6) If this just isn’t the right solution for our needs (quality), do you know of any other suggestions?

Not sure if you’re the team behind the video on Squoosh, but I found that very informative and interesting! Seems like some of those concepts would be good to have as an option from within WP, so not sure if that is your purpose with this plugin.

THANKS FOR ANY HELP HERE!!!

The WP plugin ImageMagick Sharpen Resized Images works with these parameters:

function imagick_sharpen_resized_files_register_settings() {
	add_option('Radius','0');
	add_option('Sigma','0.5');
	add_option('Sharpening','1');
	add_option('Threshold','0');
	add_option('CompressionQuality','92');
	add_option('AutoConLev',1);

Thanks, Thomas

I found this script online and it looks excellent, thanks! I am probably going to add it into my functions.php file rather than using the plugin, so that I can modify it a bit.

How could I modify it so that it only sharpens particular sizes? For example, to sharpen the “thumbnail” size but not the rest. Or to sharpen all sizes except for the “large” size?

This plugin might be even better if it had an options page to let you choose which sizes to sharpen. However, it is good that you added the filters. Perhaps you could suggest filters for sharpening specific sizes?

I am a travel blogger and I write on travelindiablog.com. I have found that images on my blog are very blurry compared to the images what I have taken. I have uploaded in various sizes like 800 x to 1200 x but in vain. Can you suggest any method to improve the quality without uploading them again ?

Thanks

Bit of a novice but hopefully someone can help.

I’m using a water lily theme which is based around prominent featured images in grid to display a journalism portfolio.

However, some featured images are appearing on the page sharper than others. The first post I made, the image looks sharp on the home page and sharp within the post (when image clicked on).

Any posts (and so images) from then on look sharp within the post but slightly fuzzy on the home page.

The images are the same size or extremely close as they are both print screens of the same size area on the same website. I figure this has something to do with the theme specifications but I just don’t get it… the file size is smaller for the second image but as it’s a print screen I can’t change it and I have no idea why anyway.

Also, in the post list, the post where the image is sharp has a little icon next to it which says ‘Image’ but I don’t know how to add this for subsequent posts. I don’t know if this is relevant.

Thanks so much in advance.

https://catolley.co.uk/

What I need is:
$this->image->unsharpMaskImage(0 , 0.5 , 1 , 0);

Those are the perfect sharpening parameters for all of my images.

More about unsharpMaskImage here:
https://www.php.net/manual/en/imagick.unsharpmaskimage.php

I know there’s a plugin, https://www.ads-software.com/plugins/sharpen-resized-images/ – but that plugin turns everything back to GD – which strips EXIF data and color profiles. So, that plugin is no option for me, I really want to use ImageMagick.

Where and how can I implement that unsharpMaskImage filter? Thanks!

1. Changing the image compression quality to ‘100’ in the functions.php
2. Resizing images on computer to exactly the right size

See the 1st image on this page, it’s not very sharp:
https://www.robstokesphotography.co.uk/wedding-photography/

Interestingly, if you view the image in the upload folder is looks fine and perfectly sharp.
https://www.robstokesphotography.co.uk/wp-content/uploads/2012/09/02.jpg

the HTML for the image in the blog is:
<img src=”https://www.robstokesphotography.co.uk/wp-content/uploads/2012/09/02.jpg”/>

So, if it’s not resizing it or doing anything in HTML, why does it look so different?
Anyone have any ideas?

Kind Regards,

https://www.ads-software.com/extend/plugins/sharpen-resized-images/