Image Quality Issues

Hi there,

When you upload an image to WordPress it runs some compression algorithms on the attachment sizes it generates. The original Full size image remains unchanged. These algorithms also remove 'non-standard' Color Profiles. To stop this from happening the best method is to ensure your original images are saved as sRGB.

Hey David!

Yes that worked in terms of the colours :-) Thanks!

I'm making it widescreen and that's making the image blurry... what pixel size do I need to make sure widescreen isn't blurry?

Thanks!

Dan

Hi David

Here's an overlay so you can see the issue:

https://drive.google.com/file/d/1MKP89TNPIpMOPb1iN2rMVo9TiRIj78lW/view?usp=sharing

clearly the image i'm uploading is sharp and the new one is blurry...

Thanks for your help ;-)

Dan

When you add an Image Block in the editor it provides a list of available image sizes, you would need to select the largest one. Beware though - that image on my Mac is loading the 2048px size image... which is over 600kb in size. You may be better off using multiple smaller images in a Grid for that layout.

And you can use this PHP Snippet to disable the WP image compression:

add_filter('jpeg_quality', function($arg){return 100;});

Hi David,

Where does the editor provide you with a list of available image sizes?

https://drive.google.com/file/d/1auyc3A--aGstaSW2Y8Gm37LNoXRlC57L/view?usp=sharing
https://drive.google.com/file/d/14BoMt1DuNAA86sgqghHxLTB6AXgtBQyj/view?usp=sharing

I think I might have increased the image size to counteract the blurry but that apparently makes it worse.

Where do i add that line of code? customisation css?

Thanks!

Dan

There should be an option in the sidebar that says Image Settings - its under there. Not sure why you're not seeing it. Maybe theres a plugin conflict.

That code is PHP - this article explains:

https://docs.generatepress.com/article/adding-php/

I've updated the images on the url https://learnclub.co.uk/it

the top one is now a compressed version at 1920 width... it's blurry so I assume I need to add that code? (just where)

Thanks

Dan

BOOOOOOOOOOM no it says image size and it was set to large... minute i changed it to full size! boooom fixed!

Thanks David :-)))))

Glad to be of help