I am editing some photos for a website that has text in it, when I upload them onto the site the text looks blurry, but when I pop the images open to being larger the text looks crisp and I am not sure why.
The image appears to have been scaled down, or you are not viewing it at 100%. Check the zoom level in Photoshop, and set it to 100%. That may be enough to fix it.
If you need to scale the image smaller to fit in another image, or to make a smaller image for a website, then in Preferences > General tab, set the image interpolation to "Bicubic Sharper (best for reduction)".
Copy and Paste the image, then hit CTRL+T and scale the image.
The result is better
OK, I think I found the reason why your image look strange.
It seems to come from the css styling the fotorama library uses.
Here is the image as it is now on the web page:
If I turn on Developer Tools and select the parent element of the image, i notice that it has the transform attribute set to translateZ(0).
If I turn of this setting the image looks good:
So my advice is to either stop using fotorama, or change the code, so it doesn't add that attribute.