Hi @tonylocke,
I have read that Photon will resize the image super small, then blow it up and display a very grainy and blurry image.
We avoid upscaling images because the process can lead to loss of quality. The image CDN serves images based on the width and height of an uploaded file, or the containing element:
https://jetpack.com/support/photon/
Here is an image showing the difference.
I’ve compared the images you highlighted but I haven’t been able to see a quality difference (both are clear). This is the image from Photon:
https://i1.wp.com/www.trainingpropertymanagers.com/wp-content/uploads/2018/05/The-Property-Management-Life-Cycle-Training-Property-Managers-PMLC-Locke.jpg?w=2000&ssl=1
And this is the original image:
https://www.trainingpropertymanagers.com/wp-content/uploads/2018/05/The-Property-Management-Life-Cycle-Training-Property-Managers-PMLC-Locke.jpg?w=2000&ssl=1
Are you seeing a quality difference between the two images? I also wanted to check whether you have uploaded a replacement image since opening this thread, or are you still using the original?
Do you have examples of any other images where this problem occurs?
Thanks!
I had 800 people on the website during a 2 day period, which is huge for us, so I found that a 2250 size image did not get resized. So, yes, I changed the image and it solved my problem.
I still would like to know how to keep JetPack from doing that in the future.
@tonylocke I suggest you to use PNG images instead of JPG which is low in quality.
@tonylocke The image CDN looks to the img element’s width and height attributes and the width of the containing element. It will then serve an image resized to the smallest dimensions. If it didn’t resize that image to something smaller, then it’s likely that the 2250 size was the smallest based on those parameters.
In general, it’s best to use images that would approximately fit into the attributes that the image CDN is using – that avoids any resizing issues that might cause the problems that you were seeing.
I hope that helps.
