thumbnails
making the thumbnails used in various places on this site
Total download weight of a page, including dependencies should rarely exceed 50K in size, and only in very rare instances 100K. Using thumbnails in your text instead of the full size image enables the user to make an informed decision to download the large file.
The standard thumbnails used on these pages relate to a standard screensize and ratio namely 800 * 600 pixels giving a ration of 1: 0.75.
Is far as a usable thumbnail goes, this translates to 200 * 150 pixels or 133 * 100 pixels.
- Select a relevant area from the main image.
Crop all material that is completely irrelevant from the sides and make sure that important bits are not removed or the character of the image changed by doing so.
- Standard selection ratios to get to the standard thumbnail size:
- 133 * 100 (standard size)
- 200 * 150 (standard size)
- 266 * 200
- 300 * 225
- 400 * 300
- 500 * 375
- 600 * 450
- 700 * 525
- 800 * 600
- 900 * 675
- 1000 * 750
- 1200 * 900
- 1400 * 1050
- 1600 * 1200
Select a size which will retain the essential character of the image after cropping.
- Crop to the selection.
- Resize to your selected standard thumbnail size (200 * 150 or 133 * 100 pixels).