ansaurus

Question

generate "thumbnail" in html while keeping proportions

Answer 1

+5 A:

Quick and dirty: just set one of the attributes in img tag:

<img src="my.jpg" width="200" /> or <img src="my.jpg" height="200" />

Trick 2009-10-20 09:42:21

Answer 2

+4 A:

Yes. Just use height or width.

But quick and dirty is very dirty.

David Dorward 2009-10-20 09:42:41

The link was proving that the quality of the browser resizing is very dependent of the browser: I tried it in Chrome, IE and Firefox. In IE and Firefox it was obvious that it used teh "fast" filter, but it was slightly better quality than the "fast" pre-processed image. In Chrome, it was actually very good quality on the browser-resized image. It was actually better than the high quality pre-processed image!

awe 2009-10-20 09:57:59

I gave you +1 though because you are right in both the solution (use height **or** width), and that it is VERY dirty based on using more bandwidth than necessary.

awe 2009-10-20 10:01:05

Answer 3

A:

Remember also that you can give a percentage of the original width / height as value as well, for instance:

<img src="my.jpg" width="50%" />

Anax 2009-10-20 09:50:22

This won't work in most cases - it will just set the image width to 50% of the width of the enclosing element.

Ben 2009-10-23 00:44:51

ansaurus

tags:

views:

answers:

generate "thumbnail" in html while keeping proportions

related questions