Yes, here I am again with another issue to be resolved. :)
Last night I was uploading images one-by-one to a help page on my site, using the drag and drop method.
Everything was going well, when all of a sudden, an image appeared distorted after I had uploaded it. What I mean by "distorted" is that it was magnified, so that the entire image did not fit in the frame on the page, as the previously uploaded images had done.
However, if I click on the distorted image, and it opens in a new page, then it appears normal.
Please note that all of these images are the exact same size, the same image format -- PNG -- and are in fact clones of each other, which I made in Adobe Photoshop CC. Other than different content, they are all pretty much identical.
Deleting the image, and re-uploading it did not help. Furthermore, all images uploaded to the page after the first distorted image appeared the same way, meaning they were blurry and did not fit fully in the page frame.
Even deleting all images from the page and re-uploading them did not help. The same distortion/magnification would occur.
This morning, I decided to take the bull by the horns. So, I deleted all images from the page, and then I deleted the page itself. I then proceeded to recreate the page from scratch.
I got as far as uploading the fourth image when the same distortion/magnification problem began again.
At this point, I have no idea why this is occurring, or how to fix it. By the way, my web server and phpFox are hosted on another iMac running Catalina situation only eight feet from me on my same LAN. So it is not an issue of Internet congestion, data corruption, or anything like that.
Below are two images. The first one is a normal upload, and the second is a bad upload. As you can see, the second image is blurry instead of sharp, and it doesn't all fit in the page frame as it should like the first image.