Image quality
An image at highest quality will display no better than than an image at a slightly lesser quality because the difference is unnoticeable on a computer screen. So by converting an image to 70-80% quality will not only remove the unneeded data but also reduce its file size dramatically. The following thumbnails illustrate the differences between using 10 to 100% quality settings.
|
||||||||||||||||||||||||||||||||||||||||
The default settings for for resampling are 60% for thumbnails and 80% for main images (if resized). At 80% image quality the file size can be reduced by up to 50% with no apparent loss in visual quality. The original image was 1600 pixels wide, 300 dpi and 1.7 Mb in file size.
Thumbnail gallery
From your page editing section, you can add new pages using a template for creating a thumbnail gallery. The for each section or "group" of pages the first page can be a menu showing thumbnails, description and a link to the item's article page.
Image rescaling
Image rescaling is an option that can be enable/disabled in the site settings. If a max width is set for all images then they will be rescaled after upload. For example, if your web page look best 860 pixels wide then an image 950 pixels wide could make a mess of your page layout. So setting a max width of 780 pixels then every image uploaded will be resampled and saved at 780 pixels wide.
Screen resolution
What governs how many pixels per inch are displayed is the physical capability of the device used for the display. For example most modern monitors are either 72 or 96 dpi (pixels per inch).
A raster image contains pixels - x number of vertical pixels and x number of horizontal pixels. When the device is a screen, fewer pixels can be displayed per inch then say a laster printer. A raster image that is 300 pixels wide by 300 pixels high, sent to a 1" by 1" context would have to throw away pixels (sample down) when rendered within a device context for a screen.
Return to top
