Viewing Optimum Size For Images (And Problems with TIFF Images)

Optimum Size For Images (And Problems with TIFF Images)



User: David R. 10 years ago
I am creating a website for my wife, who is an artist. We scan in her art to high resolution TIFF files. I also create smaller JPEG versions of each image (maximum dimension 1600 pixels) for posting on eBay.

When I try to insert the TIFF images, I get the warning that they need to be resized, and the program offers to do that - but the results seem distorted. I have had better results creating JPEGs and then using those images - which the program seems to handle better - the images are resized without distortion. Is there an issue with using TIFFs? I don't get any error messages other than the offer to resize the image.

What is the optimum size for images in the Web site? I can then take the original TIFFs and convert to JPEG while resizing to the optimum size. I can't find any documentation that specifies the optimum size.

David
User: Roddy 10 years ago
TIFF is not used in web design because they cannot be natively rendered by modern web browsers.

Website images are a compromise between quality and page download speed. The more images you put on one page, the lower the quality needs to be to maintain a reasonable page download time. A web page should download in less than two seconds when using a broadband connection.

If you are displaying a full width image with a 4:3 aspect ratio on a web page with a "standard" 980px content width, the image should be imported at 960px wide by 720px high for viewing on standard screens. If you want it to look good on an iMac Retina, you would also import a version which is twice that size - 1820px x 1440px - as an image@2x.jpg. It should be obvious that you can't have too many images of that size and still maintain a respectable download speed.

Obviously, these same images are not suitable for use on the tablet and smart phone versions of you site and their size should be adjusted accordingly prior to import. See the TRISITE demo for more info about Website Images.

Last edit 10 years ago

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.