NIKK, start with (width=”500” height=”500”). You can adjust from there. If the photo is wider, try 600. If the photo is narrower try 400. The 500 works for many photos.......
Given the wide variation in screen resolution and size when we step from mobi to fondleslab to display to HDTV it is lunacy to specify screen position in term of pixels. There is no way to know what sized screen you are imaging to so it is best to reference screen sizes and positions in percentages instead. The resulting size is the percentage of the width (or height) of the enclosing container. This is most useful when specifying positions and sizes of tables and images. The HTML for the image above looks like:
<img src="http://upload.wikimedia.org/wikipedia/commons/4/44/Vector_Video_Standards5.svg" width="95%">
The width="95%"
part sets the image width to 95% of the width of the enclosing container. We leave the height unspecified so that the computer will figure out the correct value so as not to distort the image. If you wish to distort the image you may specify a height as well.
Things that are text related, such as the whitespace around a paragraph or header and text sizes are best specified in em
. One em
was originally the width of an M in the current font. In a multi-lingual world where not all alphabets have an M in them, the meaning has evolved to mean the height of the current font. As the user changes the magnification on a page the size of an em
changes with it. This produces a pleasing scaled effect to the eye not possible when spacing objects in pixels.
Other unit values available are in
inch, cm
centimeter, mm
millimeter, ex
x-height of a font (x-height is usually about half the font-size), pt
point - 1/72 of an inch, pc
pica - 12 points and px
pixels - a single dot on the screen. If no units are specified pixels are used by default. Best results across the broad spectrum of displays are achieved by exclusively using em and percent to specify size and distance. Try not to do anything else.
Thanks, so much. I now have your notes too to help me.