If you've uploaded images to your website yet when viewing them in Preview, or in Live mode, they appear blurry it is likely to be due to a combination of the original picture quality and the size of the crop you have set i.e. the smaller you make the crop the more blurry the image, but higher resolution images can cope better with this.
To alleviate this problem make sure of the following:
- Your photo has been taken with a good camera and is of a high resolution.
- You are uploading the original photo to your website, not an image copied and saved from another website or social media channel.
- You do not crop in too much to your image which will distort the pixelation.
If you're unsure of the image quality, a good check is to right click on the image where it is saved on your computer, then click into 'Properties' and the following pop-up will appear on your screen:
This allows you to see the size of the photo file. Then to see what pixel size it is click into 'Details' and scroll down until you see 'Image' and then 'Dimensions'. So in this particular instance the photo is 425 pixels:
This image size would be absolutely fine for the photo gallery, but will look slightly poor and perhaps pixelated uploaded as a header image display. The recommended size for a header display image is 1200 pixels wide (height to maintain aspect ratio).