Images don't look right

If your images are displaying much smaller than the size you upload, what most likely happened is that your images were inserted at a size other than "full size" (i.e. "large," "medium" or "thumbnail" size). And if your images are not aligned in the center of your post or page, then they were probably inserted with an alignment of "none" or "left."

Our working with images tutorial explains how to insert your images at the size and alignment that you are wanting.

If the color of the images displayed on your ProPhoto site aren't matching the color of the original images uploaded, it is usually a color profile issue. Generally, web browsers work in the "sRGB" color profile, which is in the RGB color space.  Therefore, you'll want to make sure your web images are saved that way.  The best way to ensure this is to save your images using the "Save for web and devices" option in Photoshop (or the equivalent in whatever photo editing software you're using), which will automatically save your image with the correct color profile. Once you've saved your image correctly, upload/insert your images and now the image displayed should match the originally uploaded image.

For more information on saving your images correctly, see our image optimization guide.

Now if you've ensured your images are saved with the correct color profile but they still don't look right, feel free to contact us and point us to the specific post, page or gallery where you are seeing the issue.

If you are noticing that images on your site appear soft or blurry, then the likely culprit is that the originally uploaded images are displaying at a size larger than what they were uploaded at. In certain areas of your site, like blog posts or graphic modules, ProPhoto will only display your images at the size you uploaded, and will downsize if necessary. But in other instances, like block background galleries or full screen galleries, ProPhoto will display the images at the space that is required. Which could result in image upsizing and image quality issues.

For example, let's say that you create a new gallery that you intend to use as a background gallery on a block. And in that gallery, you upload the images at 900x600px. As a result when you view your site on a desktop screen (wider than 900px), because that background gallery will cover the entire block, the images will have to get upsized to fill the screen. And when images get upsized beyond their original size, they will lose their quality and appear soft/blurry.

So if you noticing images appearing soft or blurry, you will want to make sure that the originally uploaded image has a width at or greater than the area where it is trying to display. Consulting our image optimization guide may be helpful.