Quality of pictures in Xara Web Designer.

[Charles Moir]

Does the 'Retina (hidef) images' option also upgrade menu resolution?

Yes that option means that all graphics, text exported as graphics and photos are output at Retina resolution and will be sharp - exactly the same as native resolution on the iPad. The method works for all hi-def screens on all devices, Android, Windows and OSx/iOS.

With this option on, all graphics and images are exports at normal and hi-res verison (using the normal @2x convention for the filenames). There is javascript on the page that intelligently loads the correct image depending on the screen resolution of the device. So this means your websites is maximally optimized for normal screens so there's no unnecessary downloading of over-resolution images for normal displays,(unlike that Joel example) but also that you get hi-res graphics and photos on on Retina and similar hi-res screens.

[BrianSmith]

Hi, have ever tried with other format images? Like PNG or Tiff as the pictures?

I just know PNG is really high resolution image. JPG just drops some graphic and colors which we hardly see. So it can lead to blurring when zooming in. Simply use bulk exif editor to convert images to PNG to see if it's the JPG issue.

[pauland]

PNG is really high resolution image.

No, PNG is a format that retains all of the required pixel information about an image without degrading it - independent of resolution.

JPG just drops some graphic and colors which we hardly see.

No, JPG is a lossy format that tries to reduce file size without compromising the subjective quality of the image. It loses information in the image and in doing so adds 'artifacts' that degrade the picture quality. The more the jpeg encoder compresses the original image, the more picture quality is compromised. This format is particularly suitable for images that are photographics and with less fine detail that needs to be preserved - unsuitable for solid areas of the same colour or preserving fine detail.