Website thumbnail screenshots

[Geoffrey james]

Hi all,

Can anyone tell me the most effective way to place thubnail size screenshots of websites that I have developed, some of the ways I have tried have not produced very clear images.

Also can the ways in which you surgest be done for sites that are currently being developed in dreamweaver and not yet up on the internet?

Cheers

Geoffb

[jbinbpt]

A quick and dirty way to grab anything displayed in a browser window is an alt-printscreen and paste into image editing program, A good free one is Irfanview.

[penders]

Once you have grabbed your screenshot, resize it with a 'resampling' method (not a simple pixel resize) in your paint program (such as Irfanview mentioned above) and in your HTML make sure you set the WIDTH and HEIGHT attributes of your IMG tag to the same size as your thumbnail image.

Don't try to resize the image by simply reducing the WIDTH and HEIGHT attributes in the IMG tag, this will give a bad result, as well as downloading an unnecessarily large image.

[Dabrowski]

in your HTML make sure you set the WIDTH and HEIGHT attributes of your IMG tag to the same size as your thumbnail image.

Or alternatively, just don't put width= and height= in your <img>.

Spot on with the resize method though, never use a pixel resize!